Go to ASP. NET MVC display list data

Overview

Under ASP. NET WebForm, the list data is displayed, often using server controls such as GridView, DataList, and so on. In the ASP. NET MVC Framework, we have two ways to display the data, one is to use the inline code, that is, to render using the <%=%> tag through the loop view data, and the other is to use the server control to bind the view data to the server control, such as ASP. 3.5 new control in the ListView.

Defining a Controller

The controller definition here is very simple, get all the post data, and then pass the data to the view

[CSharp]View Plaincopy

2. Public class Blogcontroller:controller
4. {
6. [Controlleraction]
8. public void Index ()
10. {
12. //Get all post data
14. Blogrepository repository = new Blogrepository ();
18. List<post> posts = repository. GetAll ();
22. //Turn to view index, show post list
24. Renderview ("Index", posts);
26. }
28. }

Define View

Add an index view and make it inherit from Viewpage<list<post>>.

1. Use the inline code display to cycle through the data and use the HtmlHelper method provided by ViewPage.

[HTML]View Plaincopy

2. <h3>1. Using inline code </h3>
4. <%=html.actionlink ("Home", new { action="Index"})%> |
6. <div>
8. <%foreach (post post in ViewData)
10. {%>
12. <div class="PostItem">
14. <strong>title</strong;:<%=html.encode (post. Title)%></br>
16. <strong>author</strong;:<%=html.encode (post. Author)%></br>
18. <strong>pubdate</strong;:<%=html.encode (post. Pubdate.toshortdatestring ())%></br>
20. <strong>content</strong;:<%=html.encode (post. Description)%></br>
22. </div><br />
24. <%}%>
26. </div>

2. Using the server control ListView, write the following code:

[HTML]View Plaincopy

2. <h3> Using the ListView control </h3>
4. <asp:listview id="ListView1" runat= "server">
6. <layouttemplate>
8. <div>
10. <asp:placeholder id="Itemplaceholder" runat="Server"/>
12. </div>
14. </layouttemplate>
18. <ItemTemplate>
20. <div class="PostItem">
22. <strong>title</strong;:<%# Eval ("Title")%></ </br>
24. <strong>author</strong;:<%# Eval ("Author")%></BR >
26. <strong>pubdate</strong;:<%# Eval ("PubDate")%> </br>
28. <strong>content</strong;:<%# Eval ("Description")%></ br>
30. </div><br />
32. </ItemTemplate>
34. </asp:listview>

The data binding of the ListView in the background code is simply to bind the view data to the ListView and get the data from the database to the controller.

[CSharp]View Plaincopy

1. Public partial class views_blog_index:viewpage<list<post>>
2. {
3. protected void Page_Load (object sender, EventArgs e)
4. {
5. This .  Listview1.datasource = ViewData;
6. This .  Listview1.databind ();
7. }
8. }

Set PATH selection

Also we need to set the path selection

[CSharp]View Plaincopy

2. void Application_Start (object sender, EventArgs e)
4. {
6. //Code that runs on application startup
8. ROUTETABLE.ROUTES.ADD (
10. New Route
12. {
14. URL = "[Controller]/[action].mvc",
16. Defaults = new {action = "Index"},
18. Routehandler = typeof (Mvcroutehandler)
20. });
22. }

Go to ASP. NET MVC display list data