Click here to Skip to main content
13,837,307 members
Click here to Skip to main content
Add your own
alternative version


58 bookmarked
Posted 8 Jul 2013
Licenced CPOL

Partial View in ASP.NET MVC 4

, 8 Jul 2013
Rate this:
Please Sign up or sign in to vote.
This article will help you to create partial views in mvc 4 with razor.


If you want to reuse a view in your web application, you can go for the partial view concept. Partial view is like a regular view with a file extension .cshtml. We can use partial views in a situation where we need a header, footer reused for an MVC web application. We can say that it’s like a user control concept in ASP.NET.

Using the code

Here I am going to explain how to create a partial view in an MVC 4 ASP.NET application.

First add a view to the shared folder with the view name _Product. The best way to create a partial view is with the name preceded by '_', because the name specifying that it is reusable.

Here in this example, I am using the partial view to display the item selected in the webgrid. Creating the webgrid example is in the below link:

Add HTML controls in the partial view to display the selected item:

@model PartialViewSample.Models.Product

    Layout = null;

<!DOCTYPE html>
    <meta name="viewport" content="width=device-width" />
            @Html.TextBox("Id", Model.Id)
            @Html.TextBox("Name", Model.Id)
            @Html.TextBox("Description", Model.Description)
            @Html.TextBox("Quantity", Model.Quantity)

We can call the partial view in a normal view like:

Html.RenderPartial("~/Views/Shared/_Product.cshtml", product);


@Html.Partial("~/Views/Shared/_Product.cshtml", product);

Html.Partial returns a string, Html.RenderPartial calls Write internally, and returns void. You can store the output of Html.Partial in a variable, or return it from a function. You cannot do this with Html.RenderPartial because the result will be written to the Response stream during execution. So @html.RenderPartial() has faster execution than @html.Partial() due to RenderPartial giving quick response to the output.

We can call the partial view if the grid has a selected item. The code block is shown here:

@if (grid.HasSelection)
    product =(PartialViewSample.Models.Product)grid.Rows[grid.SelectedIndex].Value;        
    Html.RenderPartial("~/Views/Shared/_Product.cshtml", product);           


  • 4th July, 2013: Initial post. 

This tip is based on this blog.


This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


About the Author

India India
No Biography provided

You may also be interested in...

Comments and Discussions

QuestionNot working Pin
Parth Akbari19-Sep-16 7:18
memberParth Akbari19-Sep-16 7:18 
Praisegood job Pin
Venom Chow21-Aug-16 16:31
memberVenom Chow21-Aug-16 16:31 
QuestionCode not explained properly Pin
rf_libra27-Jul-15 10:05
memberrf_libra27-Jul-15 10:05 
SuggestionBest examples for addition of partial view MVC4 and MVC 5 Pin
maheshdare17-Mar-15 21:32
membermaheshdare17-Mar-15 21:32 
GeneralMy vote of 1 Pin
Yogeshwaran.P2-Feb-15 2:22
memberYogeshwaran.P2-Feb-15 2:22 
GeneralMy vote of 4 Pin
amol_th28-Jan-15 4:07
memberamol_th28-Jan-15 4:07 
GeneralGreat work Pin
Luai Kayyali26-Jan-15 6:32
memberLuai Kayyali26-Jan-15 6:32 
GeneralMy Vote of 5 Pin
Bhavik_Patel2-Sep-14 1:02
professionalBhavik_Patel2-Sep-14 1:02 
GeneralMy vote of 1 Pin
Yogesh Kumar Tyagi23-Jul-14 0:20
professionalYogesh Kumar Tyagi23-Jul-14 0:20 
SuggestionThe Best Example for Partial View Pin
A Shiva Prasad2-Jul-14 4:28
memberA Shiva Prasad2-Jul-14 4:28 
GeneralMy vote of 2 Pin
A Shiva Prasad2-Jul-14 4:07
memberA Shiva Prasad2-Jul-14 4:07 
QuestionWhere's the rest of the code Pin
Bill Warner16-May-14 7:29
memberBill Warner16-May-14 7:29 
QuestionNice article Pin
puja1119127-Feb-14 23:26
memberpuja1119127-Feb-14 23:26 
QuestionWhat about REAL reuse? Pin
JVMFX14-Feb-14 9:44
memberJVMFX14-Feb-14 9:44 
Question4.5 stars Pin
Janilane18-Dec-13 17:27
memberJanilane18-Dec-13 17:27 
GeneralMy vote of 3 Pin
Anthony Fassett26-Nov-13 4:59
memberAnthony Fassett26-Nov-13 4:59 
QuestionGood Job 5 Pin
Stephen Wu 719-Nov-13 12:25
memberStephen Wu 719-Nov-13 12:25 
QuestionGood Job! Pin
Member 1036586328-Oct-13 10:20
memberMember 1036586328-Oct-13 10:20 
GeneralMy vote of 5 Pin
Amir Mohammad Nasrollahi27-Jul-13 23:11
professionalAmir Mohammad Nasrollahi27-Jul-13 23:11 
QuestionAdd the source code in downloadable format Pin
Tridip Bhattacharjee8-Jul-13 6:02
professionalTridip Bhattacharjee8-Jul-13 6:02 
AnswerRe: Add the source code in downloadable format Pin
Member 1229441416-Feb-16 20:25
memberMember 1229441416-Feb-16 20:25 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

Permalink | Advertise | Privacy | Cookies | Terms of Use | Mobile
Web02 | 2.8.190114.1 | Last Updated 8 Jul 2013
Article Copyright 2013 by josh-jw
Everything else Copyright © CodeProject, 1999-2019
Layout: fixed | fluid