How to pass parameters to a partial view in ASP.NET MVC?

Question

Suppose that I have this partial view:

Your name is <strong>@firstName @lastName</strong>

which is accessible through a child only action like:

[ChildActionOnly]
public ActionResult FullName(string firstName, string lastName)
{

}

And I want to use this partial view inside another view with:

@Html.RenderPartial("FullName")

In other words, I want to be able to pass firstName ans lastName from view to partial view. How should I do that?

Very closely related question: stackoverflow.com/questions/1909134/… — Chris Moschini
– Chris Moschini, Commented Mar 18, 2013 at 23:17

Garry English · Accepted Answer · 2015-08-19 02:17:38Z

97

Here is another way to do it if you want to use ViewData:

@Html.Partial("~/PathToYourView.cshtml", null, new ViewDataDictionary { { "VariableName", "some value" } })

And to retrieve the passed in values:

@{
    string valuePassedIn = this.ViewData.ContainsKey("VariableName") ? this.ViewData["VariableName"].ToString() : string.Empty;
}

answered Aug 19, 2015 at 2:17

Garry English

5,2201 gold badge40 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

7 Comments

alvarodms Over a year ago

Thanks, your answer did the trick without creating a model for this.

BrianLegg Over a year ago

Out of all the examples, this is the only one that fully worked for me. thanks

Anupam Roy Over a year ago

This is what i was looking for, no model. thank you :)

Graham Laight Over a year ago

Excellent answer - but with MVC 4 use Html.RenderPartial instead of Html.Partial

SharpC Over a year ago

I had to use new ViewDataDictionary(ViewData) { to get it to work: stackoverflow.com/a/43136848/1741690 so:

await Html.RenderPartialAsync("~/PathToYourView.cshtml", null, new ViewDataDictionary(ViewData) { { "VariableName", "some value" } } );

|

Michał Powaga · Accepted Answer · 2013-10-29 15:01:42Z

81

Use this overload (RenderPartialExtensions.RenderPartial on MSDN):

public static void RenderPartial(
    this HtmlHelper htmlHelper,
    string partialViewName,
    Object model
)

so:

@{Html.RenderPartial(
    "FullName",
    new { firstName = model.FirstName, lastName = model.LastName});
}

edited Oct 29, 2013 at 15:01

Michał Powaga

23.4k8 gold badges54 silver badges62 bronze badges

answered Jul 1, 2011 at 14:52

David Wick

7,1152 gold badges38 silver badges38 bronze badges

10 Comments

Saeed Neamati Over a year ago

Well, tried that, but I'm getting The best overloaded method match for 'System.Web.WebPages.WebPageExecutingBase.Write(System.Web.WebPages.HelperResult)' has some invalid arguments error. How should I implement the controller method? Should it have input parameters?

Burjua Over a year ago

So you passed parameter like this, how do you access it in partial view?

smdrager Over a year ago

You also don't need the brackets. @Html.Partial() is the same as @{Html.RenderPartial();} but much prettier. They have the same overloads as well.

ashes999 Over a year ago

How do you access the object? Model.firstName and their like throw an exception that object doesn't have a 'firstName' property

Ted Over a year ago

@ashes999 you can access via ViewData... but help keep things tidy by simply creating a model specific to your usage. Use it once and some may consider it a toss up, but use it any more times than that and it's a no-brainer.

|

Matt · Accepted Answer · 2016-05-17 22:29:55Z

25

You need to create a view model. Something like this should do...

public class FullNameViewModel
{
     public string FirstName { get; set; }
     public string LastName { get; set; }

     public FullNameViewModel() { } 

     public FullNameViewModel(string firstName, string lastName)
     {
          this.FirstName = firstName;
          this.LastName = lastName;
     }

}

then from your action result pass the model

return View("FullName", new FullNameViewModel("John", "Doe"));

and you will be able to access @Model.FirstName and @Model.LastName accordingly.

edited May 17, 2016 at 22:29

Matt

3,7072 gold badges29 silver badges41 bronze badges

answered Jul 1, 2011 at 14:57

Simon

2,8312 gold badges20 silver badges24 bronze badges

Comments

BlackTigerX · Accepted Answer · 2011-07-01 16:20:36Z

15

make sure you add {} around Html.RenderPartial, as:

@{Html.RenderPartial("FullName", new { firstName = model.FirstName, lastName = model.LastName});}

not

@Html.RenderPartial("FullName", new { firstName = model.FirstName, lastName = model.LastName});

answered Jul 1, 2011 at 16:20

BlackTigerX

6,1667 gold badges42 silver badges50 bronze badges

2 Comments

Elisabeth Over a year ago

How does the definition of your Partial View looks? What is the @model declaration? Its anonymous...

Shaiju T Over a year ago

yes make sure to add { }, i wasted time until i found this article

Evgenia Karunus · Accepted Answer · 2017-01-21 01:55:56Z

7

Following is working for me on dotnet 1.0.1:

./ourView.cshtml

@Html.Partial(
  "_ourPartial.cshtml",
  new ViewDataDictionary(this.Vi‌ewData) {
    {
      "hi", "hello" 
    } 
  }
);

./_ourPartial.cshtml

<h1>@this.ViewData["hi"]</h1>

answered Jan 21, 2017 at 1:55

Evgenia Karunus

11.3k6 gold badges59 silver badges74 bronze badges

Comments

Cássio Batista Pereira · Accepted Answer · 2017-07-04 01:02:51Z

1

Just:

@Html.Partial("PartialName", Model);

answered Jul 4, 2017 at 1:02

Cássio Batista Pereira

1851 silver badge4 bronze badges

Comments

V_G_ · Accepted Answer · 2021-08-31 10:11:21Z

0

@{
            Html.RenderPartial("_partialViewName", null, new ViewDataDictionary { { "Key", "Value" } });
        }

in the place you want to show your partial,

 @{
    string valuePassedIn = this.ViewData.ContainsKey("Key") ? this.ViewData["Key"].ToString() : string.Empty;
}

in the partialview rendered,

To use the valuePassedIn --> @valuePassedIn

answered Aug 31, 2021 at 10:11

V_G_

13 bronze badges

1 Comment

Emmanuel Ponnudurai Over a year ago

This does not provide an answer to the question. Once you have sufficient reputation you will be able to comment on any post; instead, provide answers that don't require clarification from the asker.

Mahmoud Elgazzar · Accepted Answer · 2022-05-24 15:38:03Z

0

I just came across this question, and I have a similar situation

my problem is as follows : I have more than one variable I need to pass to the partial view I created

The solution I have created

@{
await Html.RenderPartialAsync("YourPartialViewName",new { NumberOfProducts = ViewData["NumberOfProducts"], UserName = ViewData["UserName"] });
}

In the above code, I created an anonymous object and sent it to the view and the following code is to explain how to retrieve the data that sent through this object

     <span>
          @Model.UserName
      </span>

     <span>
          @Model.NumberOfProducts
      </span>

hope this helps

answered May 24, 2022 at 15:38

Mahmoud Elgazzar

781 silver badge6 bronze badges

Collectives™ on Stack Overflow

How to pass parameters to a partial view in ASP.NET MVC?

8 Answers 8

7 Comments

10 Comments

Comments

2 Comments

Comments

Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

8 Answers 8

7 Comments

10 Comments

Comments

2 Comments

Comments

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related