要在 MVC 的视图(View) 中显示集合的内容, 我们先创建一个 “WebGrid” 对象, 传给 “WebGrid” 构造函数的变量 ”Custs” 是上面代码创建的 “Customer” 对象列表.

接下来, 调用 “GetHtml()” 函数, 以 HTML表格形式显示集合中的内容.

<%vargrid=newWebGrid(source:Model.List1,defaultSort:“Name”,rowsPerPage:5);%>
<%vargrid=newWebGrid(source:Model.List2,defaultSort:“Name”,rowsPerPage:5);%>

pulicclassindexmodel{

publiclist<xx>List1{get;set}
publiclist<xx>List1{get;set}
}
2用viewdata[“xx”]=xxlist;
<%vargrid=newWebGrid(source:viewdata[“xx”]asListxx,defaultSort:“Name”,rowsPerPage:5);%>

@model List < WebGridRazor.Models.Products >
or

@model IList<Android.Models.Contact>


　属性解释

　　1 DataSource 获取绑定到的WebGrid的数据源

　　2 TotalRowCount 获取绑定到WebGrid的数据总行数

　　3 PageIndex 获取WebGrid总页数

　　4 SortDirection 获取或者设置WebGrid的排序方向

　　5 SelectedIndex 获取WebGrid的选择行的index

public ActionResult Gridview()
2 {

3 DALDataContext da = new DALDataContext();
4 var result =da.T_STUDENTs.ToList();
5 this.ViewData.Model = result;
6 return View();
7 }

1 @using MVC3Tutorial;
2 @model List<T_STUDENT>
3 @{

4 View.Title = “Gridview”;
5 Layout = “~/Views/Shared/_Layout.cshtml”;
6 }
7
8 @{

9 var grid = new WebGrid(source:Model,
10 fieldNamePrefix:”grid_”,
11 defaultSort: “StudentName”,
12 canPage:true,
13 canSort:true,
14 ajaxUpdateContainerId:”DivGrid”,
15 pageFieldName:”paging”,
16 sortFieldName:”sortField”,
17 rowsPerPage:10);
18
19 <p id=”DivGrid”>
20 @grid.GetHtml(
21 columns:grid.Columns(
22 grid.Column(“StudentID”, “Student ID”),
23 grid.Column(“StudentName”, “Student Name”),
24 grid.Column(“StudentCode”, “Student Code”),
25 grid.Column(“Sex”, “Sex”),
26 grid.Column(“NRICPassport”, “NRIC/Passport No.”)
27 )
28 )
29 </p>
30 <h2>
31 Page Count:
32 @Html.Encode(grid.PageCount)
33 <br/>
34 Total Record:
35 @Html.Encode(grid.TotalRowCount)
36 </h2>
37 @Html.Encode(grid.FieldNamePrefix)
38 }

转载于:https://www.cnblogs.com/ganting/p/4808923.html