Question

Explain Partial View in MVC?

Answer 1

Introduction to Partial ViewPartial view is special view which renders a portion of view content. It is just like a user control web form application. Partial can be reusable in multiple views. It helps us to reduce code duplication. In other word a partial view enables us to render a view within the parent view.The partial view is instantiated with its own copy of a ViewDataDictionary object which is available with the parent view so that partial view can access the data ofthe parent view. If we made the change in this data (ViewDataDictionary object), the parent view's data is not affected. Generally the Partial rendering method of the view is used when related data that we want to render in a partial view is part of our model.Creating Partial ViewTo create a partial view, right-click on view -> sharedfolder and select Add -> View option. In this way we can add a partial view.It is not mandatory to createa partial view in a shared folder but a partial view is mostly used as a reusable component, it is a good practice to put it in the"shared" folder.HTML helper has two methods for rendering the partial view: Partial and RenderPartial.01.<div> [email protected]("PartialViewExample") 03.</div> 04.<div> 05.@{ 06.Html.RenderPartial("PartialViewExample"); 07.} 08.</div> @Html.RenderPartialThe result of the RenderPartial method is written directly into the HTTP response, it means that this method used the same TextWriter object as used by the current view. This method returns [email protected] method renders the view as an HTML-encoded string. We can store the method result in a string variable.The Html.RenderPartial method writes output directly to the HTTP response stream so it is slightly faster than the Html.Partial method.Returning a Partial view from the Controller's Action method:01.public ActionResult PartialViewExample() 02.{ 03.return PartialView(); 04.} Render Partial View Using jQuerySometimes we need to load a partial view within a model popup at runtime, in this case we can render the partial view using JQuery element's load method.01.<script type="text/jscript"> 02.$('#partialView').load('/shared/PartialViewExample’); 03.</script> View Vs Partial ViewViewPartial ViewView contains thelayout pagePartial view does not contain the layout page_viewstart page is rendered before any view is renderedPartial view does not checkfor a _viewstart.cshtml. We cannot place any common code for a partial view within the_viewStart.cshtml page.View may have markup tags like html, body, head, title, meta etc.The Partial view is specially designed to render within the view and as a result it does not contain any mark up.Partial view is more lightweight than the view. We can also pass a regular view to the RenderPartial method.If there is no layout page specified in the view, it canbe considered as a partial view. In razor, there is no distinction between views and partial views as in the ASPX view engine (aspx and ascx).