Trang Web ASP.NET - Trình trợ giúp WebGrid
WebGrid - Một trong nhiều Trình trợ giúp Web ASP.NET hữu ích.
Tự làm HTML
Trong chương trước, bạn đã hiển thị dữ liệu cơ sở dữ liệu bằng cách sử dụng mã dao cạo và tự mình thực hiện đánh dấu HTML:
Ví dụ về cơ sở dữ liệu
@{
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 style="text-align:right">@row.Price</td>
</tr>
}
</table>
</body>
</html>
Sử dụng Trình trợ giúp WebGrid
Sử dụng trình trợ giúp WebGrid là một cách dễ dàng hơn để hiển thị dữ liệu.
Trình trợ giúp WebGrid:
- Tự động thiết lập bảng HTML để hiển thị dữ liệu
- Hỗ trợ các tùy chọn khác nhau để định dạng
- Hỗ trợ phân trang thông qua dữ liệu
- Hỗ trợ sắp xếp bằng cách nhấp vào tiêu đề cột
Ví dụ về WebGrid
@{
var db = Database.Open("SmallBakery") ;
var selectQueryString = "SELECT * FROM Product ORDER BY Name";
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>
Tham chiếu đối tượng WebGrid
| Helper | Description |
|---|---|
| WebGrid(data) | Creates a new WebGrid object using data from a query. |
| WebGrid.GetHtml() | Renders markup to display data in an HTML table. |
| WebGrid.Pager() | Renders a pager for the WebGrid object. |