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>
 }

Answer 3

This is quite simple to do. There is a html directive which can render a partial view. Following is the code sample:

 @Html.Partial("nameOfPartial", Model)

Now here Model could be from your main controller.

or you can define a new controller action with partialviewresult as return type and try to render it in the page like this:

@{Html.RenderAction("Someaction", "somecontroller");}