ASP.NET Web Pages - WebGrid Helper

WebGrid - isa sa maraming kapaki-pakinabang na ASP.NET Web helper.

Magkasulat ng HTML

Sa mga nakaraang kabanata, gumamit kami ng razor code upang ipakita ang datos ng database at magpapatuloy sa pagpagsulat ng lahat ng HTML marka:

Database 实例

@{
var db = Database.Open("SmallBakery"); 
var selectQueryString = "SELECT * FROM Product ORDER BY Name"; 
}
<html> 
<body> 
<h1>สินค้าของหมวกแบบเล็ก</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 Helper

การใช้ WebGrid Helper นั้นเป็นวิธีที่ง่ายที่สุดในการแสดงข้อมูล

เชิงมือ 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>แสดงข้อมูลโดยใช้ WebGrid Helper</title> 
</head> 
<body> 
<h1>สินค้าของหมวกแบบเล็ก</h1> 
<div id="grid"> 
@grid.GetHtml()
</div> 
</body> 
</html>

ปฏิบัติตัวอย่าง