本文摘自PHP中文网,作者零下一度,侵删。
WebGrid - 众多有用的 ASP.NET Web 帮助器之一。自己写的 HTML
在前面的章节中,您使用 Razor 代码显示数据库数据,所有的 HTML 标记都是手写的:
数据库实例
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 | @{
var db = Database.Open( "SmallBakery" );
var selectQueryString = "SELECT * FROM Product ORDER BY Name" ;
}
<html>
<body>
<h 1 >Small Bakery Products</h 1 >
<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 实例
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | @{
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 >
|
【相关推荐】
1. ASP.NET免费视频教程
2. 分享ASP.NET学习笔记(8)WebPages 帮助器
3. 分享ASP.NET学习笔记(7)WebPages 对象详解
4. 详细介绍ASP.NET MVC--视图
5. ASP.NET的简单定义与介绍
以上就是解析WebGrid - 非常有用的 ASP.NET Web 帮助器的详细内容!
相关阅读 >>
分享asp.net学习笔记(1)--webpages razor
asp.net core项目结构教程(4)_实用技巧
asp.net 传值总结
asp.net操作日期常用代码
asp.net core使用教程(9)_实用技巧
分享19个asp脚本语言的基本技巧
深入了解asp.net mvc与webform的区别
总结asp.net内置对象(response)使用方法实例
asp.net core实例教程之如何设置中间件
详细介绍一款.net代码编辑控件(icsharpcode.texteditor)
更多相关阅读请进入《WebGrid》频道 >>
清华大学出版社
作者:[美]克里斯琴·内格尔(Christian Nagel)著。出版时间:2019年3月。
转载请注明出处:木庄网络博客 » 解析WebGrid - 非常有用的 ASP.NET Web 帮助器