ASP.NET Web Pages - WebGrid 帮助器

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>

运行实例 »

2、

2.返回顶部

1、

http://www.runoob.com/aspnet/webpages-webgrid.html

2、

3.返回顶部

11.返回顶部

作者：ylbtech
出处：http://ylbtech.cnblogs.com/
本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。

ASP.NET Web Pages：WebGrid 帮助器的更多相关文章

ASP.NET Web Pages：帮助器
ylbtech-.Net-ASP.NET Web Pages:帮助器 1.返回顶部 1. ASP.NET Web Pages - 帮助器 Web 帮助器大大简化了 Web 开发和常见的编程任务. AS ...
ASP.NET Web Pages：Chart 帮助器
ylbtech-.Net-ASP.NET Web Pages:Chart 帮助器 1.返回顶部 1. ASP.NET Web Pages - Chart 帮助器 Chart 帮助器 - 众多有用的 A ...
ASP.NET Web Pages：WebMail 帮助器
ylbtech-.Net-ASP.NET Web Pages:WebMail 帮助器 1.返回顶部 1. ASP.NET Web Pages - WebMail 帮助器 WebMail 帮助器 - 众 ...
ASP.NET Web Pages：C# 和 VB 实例
ylbtech-.Net-ASP.NET Web Pages:C# 和 VB 实例 1.返回顶部 1. ASP.NET Web Pages - C# 和 VB 实例通过 C# 和 Visual Ba ...
ASP.NET Web Pages (Razor) API Quick Reference
ASP.NET Web Pages (Razor) API Quick Reference By Tom FitzMacken|February 10, 2014 Print This page co ...
如何在ASP.NET Web站点中统一页面布局[Creating a Consistent Layout in ASP.NET Web Pages(Razor) Sites]
如何在ASP.NET Web站点中统一页面布局[Creating a Consistent Layout in ASP.NET Web Pages(Razor) Sites] 一.布局页面介绍[Abo ...
Displaying Data in a Chart with ASP.NET Web Pages (Razor)
This article explains how to use a chart to display data in an ASP.NET Web Pages (Razor) website by ...
五张图概括什么是 ASP 、 ASP.NET (Web Pages，Web Forms ，MVC )
当你看懂下面这五张图,我相信你对于学习.NET Web开发路线将不陌生! 来源: http://www.w3 ...
ASP.NET Web Pages 的冲突版本问题
随着VS版本和.NET MVC版本.EF的版本的不断更新,虽然很多功能随着版本的提升而更完善,但对于旧版本开发的软件就有点悲催了,或许很多开发者都遇到类似的问题! 最近有一个项目是用.NET MVC3 ...

随机推荐

Java——线程间通信
body, table{font-family: 微软雅黑; font-size: 10pt} table{border-collapse: collapse; border: solid gray; ...
Python3 文件操作（十六）
一文件操作 1.介绍计算机系统分为:计算机硬件,操作系统,应用程序三部分. 我们用python或其他语言编写的应用程序若想要把数据永久保存下来,必须要保存于硬盘中,这就涉及到应用程序要操作硬件,众 ...
ReentrantLock的原理解析
重入锁(ReentrantLock)是一种可重入无阻塞的同步机制.性能同synchronized接近(老版本jdk中性能很差). 下面重点看下常用的lock()和unlock()方法的实现原理. lo ...
插件PageHelper实现分页查询
一,需求: CommonQuery--PyQueryBean PyQueryBean:鹏飞历史记录查询,以往哪些人对征信进行了查询.CommonQuery:查询条件:根据查询人(umName).被查询 ...
localforage 对不同浏览器使用不同的缓存策略 , 大大提高了性能 ,IndexedDB，WebSQL 和 localStorage 三种存储模式
支持回调的异步 API: 支持 IndexedDB,WebSQL 和 localStorage 三种存储模式(自动为你加载最佳的驱动程序): 支持 BLOB 和任意类型的数据,让您可以存储图片,文件等 ...
Alpha阶段敏捷冲刺---Day4
一.Daily Scrum Meeting照片二.今天冲刺情况反馈今天我们上完课后在禹洲楼教室外进行我们的每日立会.开会的内容主要是对昨天遇到的困难做了一些交流,并且定下今天的任务是完成排行榜界面 ...
php include，require 主要是向网页中引入文件
python @修饰符的几种用法
http://www.360doc.com/content/17/0715/16/10408243_671545922.shtml http://www.cnblogs.com/Egbertbaron ...
mkbootimg hacking
/********************************************************************** * mkbootimg hacking * 声明: * ...
各种CTF的WP
http://l-team.org/archives/43.html PlaidCTF-2014-twenty/mtpox/doge_stege-Writeup http://l-team.org/a ...

ASP.NET Web Pages：WebGrid 帮助器