首页>教程>ASP.NET教程>ASP.NET Web Pages WebGrid 帮助器

需要支持?

如果通过文档没办法解决您的问题,请提交工单获取我们的支持!

ASP.NET Web Pages WebGrid 帮助器

内容纲要

WebGrid 帮助器提供了一种更简单的显示数据的方法

WebGrid 帮助器

  1. 自动创建一个 HTML 表格来显示数据
  2. 支持不同的格式化选项
  3. 支持数据分页显示
  4. 支持通过点击列表标题进行排序

自己写的 HTML 表格

在前面的章节中,我们使用 Razor 代码显示数据库数据,所有的 HTML 标记都是手写的

webpages_cs_3.cshtml

@{
var db = Database.Open("SmallBakery"); 
var selectQueryString = "SELECT * FROM Product ORDER BY Name"; 
}
<!DOCTYPE html>
<meta charset="utf-8" />
<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> 

使用 WebGrid 帮助器

使用 WebGrid 帮助器,简单方便几行代码就搞定了

webpages_cs_4.cshtml

@{ 
var db = Database.Open("SmallBakery") ; 
var selectQueryString = "SELECT * FROM Product ORDER BY Id"; 
var data = db.Query(selectQueryString); 
var grid = new WebGrid(data); 
}
<!DOCTYPE html>
<meta charset="utf-8" />
<title>Displaying Data Using the WebGrid Helper</title> 
<h1>Small Bakery Products</h1> 
<div id="grid">@grid.GetHtml()
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
今日签到
有新私信 私信列表
搜索