WebGrid - 众多有用的 ASP.NET Web 帮助器之一。
在前面的章节中，您使用 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 帮助器：
| @{ |
| var db = Database.Open("SmallBakery") ; |
| var query = "SELECT * FROM Product ORDER BY Name"; |
| var data = db.Query(query); |
| 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> |
