WebGrid - 众多有用的 ASP.NET Web 帮助器之一。
自己写的 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>【相关推荐】
2. 分享ASP.NET学习笔记（8）WebPages 帮助器
3. 分享ASP.NET学习笔记（7）WebPages 对象详解
Atas ialah kandungan terperinci 解析WebGrid - 非常有用的 ASP.NET Web 帮助器. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Tukar teks kepada nilai angka
Perbezaan antara akaun perkhidmatan WeChat dan akaun rasmi
penggunaan klonenod
Perkara yang perlu dilakukan jika avast melaporkan positif palsu
Cara menggunakan mata wang digital
Harga Dogecoin hari ini
Di manakah saya harus mengisi tempat lahir saya: wilayah, bandar atau daerah?
Bagaimana untuk menyemak sama ada port 445 ditutup
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
