Pass Additional ViewData to a Strongly-Typed Partial View

Question

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

score 259 · Accepted Answer · answered Jul 23 '09 at 02:22

259

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.

answered Jul 23 '09 at 02:22

womp

111,854
24
229
262

3

I'm trying to do this and it is returning "cannot convert void to object". – programad Jan 20 '12 at 00: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 '12 at 15:09
6

I recommend checking out ctorx's answer below. He adds additional data to the existing ViewData. – Jón Trausti Arason Jun 24 '16 at 00:30

score 166 · Answer 2 · answered May 11 '12 at 22:00

166

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

answered May 11 '12 at 22:00

ctorx

6,373
7
36
52

3

this can be very useful if you need to retain `TemplateInfo.HtmlFieldPrefix` in the child control which will be reset otherwise – Simon_Weaver Jul 06 '13 at 10:44
12

This is definitely the better solution. Losing the ViewData means that you lose the ModelState and all validations. +1 – Kevin Farrugia Feb 07 '15 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 '16 at 13:42

muthuvel · Answer 3 · 2014-08-12T08:41:57.647

47

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

edited Aug 12 '14 at 08:41

answered Aug 12 '14 at 08:27

muthuvel

1,014
10
16

2

This seems like the most complete answer (though the .ToString() is unnecessary). – Colin Jul 24 '15 at 00:27

score 10 · Answer 4 · answered Jul 23 '09 at 01:56

10

I think this should work no?

ViewData["currentIndex"] = index;

answered Jul 23 '09 at 01:56

Joel Martinez

44,051
25
123
182

6

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. – Mathias Lykkegaard Lorenzen Feb 18 '12 at 13:10

score 6 · Answer 5 · answered Jul 23 '09 at 01:57

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.

score 4 · Answer 6 · answered Jul 23 '09 at 02:21

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.

score 4 · Answer 7 · answered Dec 18 '19 at 21:08

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" />

score 2 · Answer 8 · edited May 24 '19 at 15:05

2

This should also work.

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

Html.RenderPartial(
      "ProductImageForm", 
       image, 
       this.ViewData
);

edited May 24 '19 at 15:05

Tony Abrams

4,224
3
20
31

answered Nov 10 '18 at 07:59

MithunChopda

25
5

Thanks! This is really useful when you're extending the ViewData dictionary for child partials etc – developius Apr 03 '20 at 03:10

score 0 · Answer 9 · answered Dec 02 '15 at 16:18

0

You can use the dynamic variable ViewBag

ViewBag.AnotherValue = valueToView;

answered Dec 02 '15 at 16:18

Jack1987

679
1
14
26

Pass Additional ViewData to a Strongly-Typed Partial View

9 Answers9

Linked