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

自己編寫 HTML

在前面的章節(jié)，我們通過使用 razor 代碼來顯示數(shù)據(jù)庫中的數(shù)據(jù)，并且親自編寫所有 HTML 標記：

Database 實例

@{
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
 
 

運行實例

使用 WebGrid 幫助器

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

WebGrid 幫助器：

• 自動建立顯示數(shù)據(jù)的 HTML 表格
• 支持不同的格式化選項
• 支持數(shù)據(jù)分頁
• 支持點擊列標題進行排序

WebGrid 實例

@{ 
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()