ホームページ >バックエンド開発 >C#.Net チュートリアル >Parse WebGrid - 非常に便利な ASP.NET Web ヘルパー

Parse WebGrid - 非常に便利な ASP.NET Web ヘルパー

零下一度
零下一度オリジナル
2017-05-25 09:42:342385ブラウズ

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

記述された 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>

【関連推奨事項】

1 4.

ASP.NET MVCの詳細な紹介--View

5.

ASP.NETの簡単な定義と紹介

以上がParse WebGrid - 非常に便利な ASP.NET Web ヘルパーの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。