WebGrid - 眾多有用的 ASP.NET Web 幫助器之一。

自己編寫(xiě) HTML

在前面的章節(jié)，我們通過(guò)使用 razor 代碼來(lái)顯示數(shù)據(jù)庫(kù)中的數(shù)據(jù)，并且親自編寫(xiě)所有 HTML 標(biāo)記：

Database 實(shí)例

@{
var db = Database.Open("SmallBakery"); 
var selectQueryString = "SELECT * FROM Product ORDER BY Name"; 
}
 
 
Small Bakery Products
 
@foreach(var row in db.Query(selectQueryString))
{
}
Id
Product
Description
Price
@row.Id
@row.Name
@row.Description
@row.Price
 
 

運(yùn)行實(shí)例

使用 WebGrid 幫助器

使用 WebGrid 幫助器來(lái)顯示數(shù)據(jù)是更簡(jiǎn)單的方法。

WebGrid 幫助器：

• 自動(dòng)建立顯示數(shù)據(jù)的 HTML 表格
• 支持不同的格式化選項(xiàng)
• 支持?jǐn)?shù)據(jù)分頁(yè)
• 支持點(diǎn)擊列標(biāo)題進(jìn)行排序

WebGrid 實(shí)例

@{ 
var db = Database.Open("SmallBakery") ; 
var selectQueryString = "SELECT * FROM Product ORDER BY Id"; 
var data = db.Query(selectQueryString); 
var grid = new WebGrid(data); 
}
 
 
 
 
 
Small Bakery Products
 
 
@grid.GetHtml()