pass a different model to the partial view

Question

I am trying to pass a different model to the partial view from a view. I have two separate controller actions for both of them and two different view models. But when I call the partial view from within the view it gives me the error

The model item passed into the dictionary is of type 'Application.ViewModels.Model1ViewModel', but this dictionary requires a model item of type 'Application.ViewModels.PartialViewModel'.

I am calling it like this:

 @Html.Partial("_CreateUniFunctionPartial") 

the model call in the view is

@model Application.ViewModels.Model1ViewModel 

and model in partial view file is

@model Application.ViewModels.PartialViewModel 

I am not sure how to pass the partial view so it doesnt give this error.

EDIT

Partial view

@model Application.ViewModels.PartialViewModel     @using (Html.BeginForm("partialview", "ApplicationDetail", FormMethod.Post))    {   <div class="form-horizontal">     <h4>UniFunctionViewModel</h4>     <hr />     @Html.ValidationSummary(true)          <div class="form-group">         @Html.LabelFor(model => model.detail, new { @class = "control-label col-md-2" })         <div class="col-md-10">             @Html.TextBoxFor(model => model.detail, new { @placeholder = "Further Information" })             @Html.ValidationMessageFor(model => model.detail)         </div>     </div>   </div> 

}

Answer 1

you are using the right method but not passing in the right arguments

you might want to try it like this:

@Html.Partial("~/[path_to_root_only_if_exists]/_CreateUniFunctionPartial.cshtml", new Application.ViewModels.PartialViewModel()) 

if you do not pass in a model, it will automatically take the one from its parent, which in your case is

Application.ViewModels.Model1ViewModel 

Answer 2

One thing you will need to do is regenerate a model or utilize a property in the model. For example:

 public class OuterViewModel  {      public InnerViewModel InnerViewModel { get; set; }  }   public class InnerViewModel  {      public string SomeProperty { get; set; }  } 

In the top page, you can accept the OuterViewModel, then pass the InnerViewModel to the Partial.

Outer.cshtml:

 @model OuterViewModel  @Html.Partial("_InnerPartial", Model.InnerViewModel) 

_InnerPartial.cshtml:

 @model InnerViewModel  @using (Html.BeginForm("Inner", "Controller"))  {       <div>           @Html.AntiForgeryToken()           @Html.TextBoxFor(m => m.SomeProperty)           <input type="submit" value="Save" />       </div>  }