ASP.NET チュートリアルlogin
ASP.NET チュートリアル
著者:php.cn  更新時間:2022-04-11 14:18:18

Web ページ WebGrid


ASP.NET Web ページ - WebGrid ヘルパー


WebGrid - 多くの便利な ASP.NET Web ヘルパーの 1 つ。


記述された HTML

前の章では、Razor コードを使用してデータベース データを表示しました。すべての HTML マークアップは手書きでした。オンラインの例を参照してください

WebGrid ヘルパーの使用

WebGrid ヘルパーを使用すると、データを表示する簡単な方法が提供されます。 WebGrid ヘルパー:


データを表示するための HTML テーブルを自動的に作成します

さまざまな書式設定オプションをサポートします

    データのページ分割された表示をサポートします
  • リストのタイトルをクリックすることによる並べ替えをサポートします
  • インスタンス

    @{
    var db = Database.Open("SmallBakery"); 
    var query = "SELECT * FROM Product"; 
    }
    <html> 
    <body> 
    <h1>Small Bakery Products</h1> 
    <table border="1" width="100%"> 
    <tr>
    <th>Id</th> 
    <th>Product</th> 
    <th>Description</th> 
    <th>Price</th> 
    </tr>
    @foreach(var row in db.Query(query))
    {
    <tr> 
    <td>@row.Id</td> 
    <td>@row.Name</td> 
    <td>@row.Description</td> 
    <td align="right">@row.Price</td> 
    </tr> 
    }
    </table> 
    </body> 
    </html>
  • インスタンスの実行»

  • 「インスタンスの実行」ボタンをクリックしてオンラインインスタンスを表示します