WebGrid — один из многих полезных веб-помощников ASP.NET.
В этом разделе подробно описывается использование помощника WebGrid.
В предыдущих главах вы использовали код Razor для отображения данных базы данных. Вся разметка HTML была написана вручную:
@{var db = Database.Open("SmallBakery"); var selectQueryString = "ВЫБРАТЬ * ИЗ ORDER BY Name" }; <html> <body> <h1>Маленькие хлебобулочные изделия</h1> <table> <tr> <th>Идентификатор</th> <th>Продукт</th> <th>Описание</th> <th>Цена </th> </tr> @foreach(var row в 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:
Автоматически создавать HTML-таблицу для отображения данных
Поддерживает различные варианты форматирования
Поддержка отображения пейджинговых данных
Поддерживает сортировку по щелчку на заголовке списка.
@{ var db = Database.Open("SmallBakery") ; var selectQueryString = "SELECT * FROM Product ORDER BY Id"; var data = db.Query(selectQueryString); <html> <head> <title>Отображение данных с помощью помощника WebGrid</title> </head> <body> <h1>Небольшие хлебобулочные изделия</h1> <div id="grid"> @grid.GetHtml() </div> </body> </html>
В следующем разделе вы узнаете об использовании помощника по диаграммам.