一起谈.NET技术，ASP.NET MVC 3 Beta初体验之WebGrid

public class HomeController : Controller
{
public ActionResult Index()
{
NORTHWNDEntities entity = new NORTHWNDEntities();
return View( entity.Products.ToList());
}
}

< div id ="grid" >
<% var grid = new WebGrid(source: Model, defaultSort: " ProductName " , rowsPerPage: 5 ); %>
<% = grid.GetHtml(
tableStyle: " grid " ,
headerStyle: " head " ,
alternatingRowStyle: " alt " ,
columns: grid.Columns(
grid.Column(format: (item) => Html.ActionLink( " Edit " , " Edit " , new { id = item.ProductID })),
grid.Column(format: (item) => Html.ActionLink( " Delete " , " Delete " , null , new { onclick = string .Format( " deleteRecord('Employee', '{0}') " , item.ProductID), @class = " Delete " , href = " JavaScript:void(0) " })),
grid.Column( " ProductName " , " 产品名称 " ),
grid.Column( " QuantityPerUnit " , " 每单位数量 " ),
grid.Column( " UnitPrice " , " 单价 " ),
grid.Column( " UnitsInStock " , " 库存单位 " ),
grid.Column( " UnitsOnOrder " , " 订单单位 " ),
grid.Column( " ReorderLevel " , " 重新排序级别 " ),
grid.Column( " Discontinued " , " 已停产 " )
)
)


%>
</ div >

< div id ="grid" >
@{
var grid = new WebGrid(source: Model,
defaultSort: "ProductName",
rowsPerPage: 10);
}
@grid.GetHtml(
tableStyle: "grid",
headerStyle: "head",
alternatingRowStyle: "alt",
columns: grid.Columns(
grid.Column(format: (item) => Html.ActionLink("Edit", "Edit", new { id = item.ProductID })),
grid.Column(format: (item) => Html.ActionLink("Delete", "Delete", null, new { onclick = string.Format("deleteRecord('Product', '{0}')", item.ProductID), @class = "Delete", href = "JavaScript:void(0)" })),
grid.Column("ProductName","产品名称"),
grid.Column("QuantityPerUnit","每单位数量"),
grid.Column("UnitPrice","单价"),
grid.Column("UnitsInStock", "库存单位"),
grid.Column("UnitsOnOrder","订单单位"),
grid.Column("ReorderLevel","重新排序级别"),
grid.Column("Discontinued","已停产")
)
)
</ div >

public WebGrid(IEnumerable < dynamic > source, IEnumerable < string > columnNames = null , string defaultSort = null , int rowsPerPage = 10 , bool canPage = true , bool canSort = true , string ajaxUpdateContainerId = null , string fieldNamePrefix = null , string pageFieldName = null , string selectionFieldName = null , string sortFieldName = null , string sortDirectionFieldName = null );

<% @ Page Title = "" Language = " C# " MasterPageFile = " ~/Views/Shared/Site.Master " Inherits = " System.Web.Mvc.ViewPage<List<WebGridAspx.Models.Products>> " %>

< asp:Content ID = " Content1 " ContentPlaceHolderID = " TitleContent " runat = " server " >
产品列表
</ asp:Content >

< asp:Content ID = " Content2 " ContentPlaceHolderID = " MainContent " runat = " server " >
< script type = " text/javascript " >
function deleteRecord(a, b) {
alert( " 删除: " + b);
}
</ script >
< h2 > 产品列表 </ h2 >
< div id = " grid " >
<% var grid = new WebGrid(source: Model, defaultSort: " ProductName " , rowsPerPage: 5 ); %>
<%= grid.GetHtml(
tableStyle: " grid " ,
headerStyle: " head " ,
alternatingRowStyle: " alt " ,
columns: grid.Columns(
grid.Column(format: (item) => Html.ActionLink( " Edit " , " Edit " , new { id = item.ProductID })),
grid.Column(format: (item) => Html.ActionLink( " Delete " , " Delete " , null , new { onclick = string .Format( " deleteRecord('Employee', '{0}') " , item.ProductID), @class = " Delete " , href = " JavaScript:void(0) " })),
grid.Column( " ProductName " , " 产品名称 " ),
grid.Column( " QuantityPerUnit " , " 每单位数量 " ),
grid.Column( " UnitPrice " , " 单价 " ),
grid.Column( " UnitsInStock " , " 库存单位 " ),
grid.Column( " UnitsOnOrder " , " 订单单位 " ),
grid.Column( " ReorderLevel " , " 重新排序级别 " ),
grid.Column( " Discontinued " , " 已停产 " )
)
)


%>
</ div >


</ asp:Content >