ASP.NET 網頁- WebGrid 幫助器簡介

大雄45發表於2022-08-20
ASP.NET網頁Web
導讀 Web 幫助器大大簡化了 Web 開發和常見的程式設計任務。ASP.NET 幫助器是透過幾行簡單的 Razor 程式碼即可訪問的元件。WebGrid - 灰度細節的 ASP.NET Web 幫助器之一。

ASP.NET 網頁- WebGrid 幫助器簡介ASP.NET 網頁- WebGrid 幫助器簡介

寫自己的 HTML

在前面的章節中，您使用 Razor 程式碼顯示資料庫，所有的 HTML 標記都是手寫的：

資料庫例項

@{
var db = Database.Open("SmallBakery"); 
var selectQueryString = "SELECT * FROM Product ORDER BY Name"; 
}
<html> 
<body> 
<h1>Small Bakery Products</h1>
<table> 
<tr>
<th>Id</th> 
<th>Product</th> 
<th>Description</th> 
<th>Price</th> 
</tr>


@foreach(var row in db.Query(selectQueryString))
{
<tr> 
<td>
@row.Id</td> 
<td>
@row.Name</td> 
<td>
@row.Description</td> 
<td align="right">
@row.Price</td> 
</tr> 


}

</table> 
</body> 
</html>
使用WebGrid幫助器

WebGrid 幫助器提供了一種更簡單的顯示資料的方法。

WebGrid 幫助器：

自動建立一個 HTML 表格來顯示資料
支援不同的格式化選項
支援資料分頁顯示
支援透過點選列表標題進行排序
WebGrid 例項

@{ 
var db = Database.Open("SmallBakery") ; 
var selectQueryString = "SELECT * FROM Product ORDER BY Id"; 
var data = db.Query(selectQueryString); 
var grid = new WebGrid(data); 
}
<html>
<head> 
<title>Displaying Data Using the WebGrid Helper</title>
</head> 
<body> 
<h1>Small Bakery Products</h1> 
<div id="grid"> 


@grid.GetHtml()</div> 
</body> 
</html>

原文來自：

來自 “ ITPUB部落格 ” ，連結：http://blog.itpub.net/69955379/viewspace-2844470/，如需轉載，請註明出處，否則將追究法律責任。

相關文章