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

大雄45發表於2022-08-20
導讀 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/,如需轉載,請註明出處,否則將追究法律責任。

相關文章