189

I have a strongly-typed Partial View that takes a ProductImage and when it is rendered I would also like to provide it with some additional ViewData which I create dynamically in the containing page. How can I pass both my strongly typed object and my custom ViewData to the partial view with the RenderPartial call?

var index = 0;
foreach (var image in Model.Images.OrderBy(p => p.Order))
{
  Html.RenderPartial("ProductImageForm", image); // < Pass 'index' to partial
  index++;
}
0

9 Answers 9

267

RenderPartial takes another parameter that is simply a ViewDataDictionary. You're almost there, just call it like this:

Html.RenderPartial(
      "ProductImageForm", 
       image, 
       new ViewDataDictionary { { "index", index } }
); 

Note that this will override the default ViewData that all your other Views have by default. If you are adding anything to ViewData, it will not be in this new dictionary that you're passing to your partial view.

3
  • 3
    I'm trying to do this and it is returning "cannot convert void to object".
    – programad
    Jan 20, 2012 at 0:53
  • 4
    @programad Try removing the @ from @Html.RenderPartial(), this fixed that issue for me, but I was calling RenderPartial() on a line within a @ { } code block.
    – danjarvis
    Jun 11, 2012 at 15:09
  • 6
    I recommend checking out ctorx's answer below. He adds additional data to the existing ViewData. Jun 24, 2016 at 0:30
181

To extend on what womp posted, you can pass new View Data while retaining the existing View Data if you use the constructor overload of the ViewDataDictionary like so:

Html.RenderPartial(
      "ProductImageForm", 
       image, 
       new ViewDataDictionary(this.ViewData) { { "index", index } }
); 
3
  • 4
    this can be very useful if you need to retain TemplateInfo.HtmlFieldPrefix in the child control which will be reset otherwise Jul 6, 2013 at 10:44
  • 14
    This is definitely the better solution. Losing the ViewData means that you lose the ModelState and all validations. +1 Feb 7, 2015 at 11:08
  • This seems to work only if you do not pass a TemplateInfo.HtmlFieldPrefix in your ViewDataDictionary. I can only pass a variable as ilustrated on the answer, or pass a TemplateInfo.HtmlFieldPrefix but not both.
    – Ferox
    Nov 24, 2016 at 13:42
50
@Html.Partial("_Header", new ViewDataDictionary { { "HeaderName", "User Management" }, { "TitleName", "List Of Users" } })
or
@{Html.RenderPartial("_Header", new ViewDataDictionary { { "HeaderName", "User Management" }, { "TitleName", "List Of Users" } });}

Partial Page(_Header):

<div class="row titleBlock">
    <h1>@ViewData["HeaderName"].ToString()</h1>
    <h5>@ViewData["TitleName"].ToString()</h5>
</div>
1
  • 2
    This seems like the most complete answer (though the .ToString() is unnecessary).
    – Colin
    Jul 24, 2015 at 0:27
11

I think this should work no?

ViewData["currentIndex"] = index;
1
  • 7
    While this is not a very strong way of doing it, it did help me figure out how to retrieve a view data value from Womp's answer. Feb 18, 2012 at 13:10
7

I know this is an old post but I came across it when faced with a similar issue using core 3.0, hope it helps someone.

@{
Layout = null;
ViewData["SampleString"] = "some string need in the partial";
}

<partial name="_Partial" for="PartialViewModel" view-data="ViewData" />
6

Create another class which contains your strongly typed class.

Add your new stuff to the class and return it in the view.

Then in the view, ensure you inherit your new class and change the bits of code that will now be in error. namely the references to your fields.

Hope this helps. If not then let me know and I'll post specific code.

4

The easiest way to pass additional data is to add the data to the existing ViewData for the view as @Joel Martinez notes. However, if you don't want to pollute your ViewData, RenderPartial has a method that takes three arguments as well as the two-argument version you show. The third argument is a ViewDataDictionary. You can construct a separate ViewDataDictionary just for your partial containing just the extra data that you want to pass in.

3

This should also work.

this.ViewData.Add("index", index);

Html.RenderPartial(
      "ProductImageForm", 
       image, 
       this.ViewData
); 
1
  • Thanks! This is really useful when you're extending the ViewData dictionary for child partials etc
    – developius
    Apr 3, 2020 at 3:10
-1

You can use the dynamic variable ViewBag

ViewBag.AnotherValue = valueToView;

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.