• 技术文章 >后端开发 >C#.Net教程

    解析WebGrid - 非常有用的 ASP.NET Web 帮助器

    零下一度零下一度2017-05-25 09:42:34原创1799

    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>

    【相关推荐】

    1. ASP.NET免费视频教程

    2. 分享ASP.NET学习笔记(8)WebPages 帮助器

    3. 分享ASP.NET学习笔记(7)WebPages 对象详解

    4. 详细介绍ASP.NET MVC--视图

    5. ASP.NET的简单定义与介绍

    以上就是解析WebGrid - 非常有用的 ASP.NET Web 帮助器的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    上一篇:分享ASP.NET学习笔记(8)WebPages 帮助器 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • C#中GDI+编程10个基本技巧二• asp.net 图片验证码的HtmlHelper• C++设计模式浅识策略模式• 从0自学C#04--特性和设计原则• asp.net ajax 简单实例
    1/1

    PHP中文网