WebGrid - 多くの便利な ASP.NET Web ヘルパーの 1 つ。
このセクションでは、WebGrid ヘルパーの使用方法を詳しく紹介します。
前の章では、Razor コードを使用してデータベース データを表示しました。すべての HTML マークアップは手書きでした。
@{var db = Database.Open("SmallBakery"); var selectQueryString = "SELECT * FROM Product ORDER BY"; <html> <body> <h1>小規模ベーカリー製品</h1> <table> <tr> <th>ID</th> <th>製品</th> <th>説明</th> <th>価格</th> </tr> @foreach(var row in db.Query(selectQueryString)){ <tr> <td>@row.Id </td> <td>@row.Name </td> <td>@row.説明</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>次のセクションでは、チャート ヘルパーの使用方法について学びます。