Articles → ASP .NET MVC → Passing Parameter In Partial Views In Asp.Net Mvc

Passing Parameter In Partial Views In Asp.Net Mvc

In this article, we will discuss how to pass parameter in partial views.

Sample Project

First of all, create a sample MVC project. See the following screen shot for project structure.

Picture showing the project structure of the sample MVC application

Click to Enlarge

Adding Partial View

Add a partial view in ‘Home’ folder. See the following screen shot

Picture showing adding the partial view inside the Home folder

Click to Enlarge

Once the partial view is added, you can call the partial view in index.cshtml using the following code

@Html.Partial("_PartialView")

Passing Parameters In Partial View

Consider a scenario in which menu should be created based on values passed in partial view.

So call to the partial view is replaced with

@{
ViewBag.Title = "Home Page";
string option = "search";
}
@Html.Partial("_PartialView", option)

And code inside partial view will be

<table>
@if (@Model  == "search")
{
<tr><td><a href="http://google.com" target="_blank">Google</a></td></tr><tr><td><a href="http://bing.com" target="_blank">Bing</a></td></tr>
}
else
{
<tr><td><a href="mail.yahoo.com" target="_blank">Yahoo mail</a></td></tr>
}
</table>

Now run the application. If you are passing ‘search’ as an option then the following menu will be displayed.

Picture showing the output of partial views in MVC application

Click to Enlarge

And if option is replaced with any other string then output will be

Click to Enlarge

In Partial view if we are passing any parameter, it can be accessed within partial view using @Model.

Posted By -	Karan Gupta

Posted On -	Friday, October 16, 2015

Query/Feedback

Your Email Id		**

Subject		*

Query/Feedback	Characters remaining 250	**