Pages Web WebGrid
Pages Web ASP.NET - WebGrid Helper
WebGrid - L'un des nombreux assistants Web ASP.NET utiles.
HTML écrit
Dans le chapitre précédent, vous avez utilisé le code Razor pour afficher les données de la base de données. Toutes les balises HTML étaient écrites à la main :
Instance
.@{
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>Exécuter l'instance»
Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne
Utilisation le WebGrid Helper
Le WebGrid Helper fournit un moyen plus simple d'afficher les données.
WebGrid Helper :
Créer automatiquement un tableau HTML pour afficher les données
Prend en charge différentes options de formatage
Prend en charge l'affichage par pagination des données
Prend en charge le tri en cliquant sur le titre de la liste
Exemple
@{
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>Exécuter l'instance»
Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne
