Partial View allows us to put HTML and C# code into a file that we can reuse across multiple other views. This is very useful when you work on a large application.
Assume we have the following peice of code that we would like to make reusable for other views.
![]()
We will extract the above marked code and paste it in a new "partial view" and then we'll just call that "partial view" from this foreach loop. Please use the following.
Select the above code and copy it to the clipboard.
Right-click on any view folder to create a new "partial view".
![]()
You can use any name for this view page but the underscore sign (_) is recommended to be used before the view name that represents something that is reusable. You also have the opportunity to select the "Model class" in the above dialog to create a strongly typed view. And remember to check the checkbox "Create as a partial view".
Now, in the "partial view" page paste all the code you copied above. You may need to fix some errors here like @item.Name will become @Model.Name. Here is the complete code:
![]()
One more thing, you need to place a reference at the location from where we copied the code, here you go:
![]()
Remember to pass the "partial view" name and model name. Now, run the application, your application will work the same because we just set up a new structure in the application.