ASP.NET Web Pages - WebGrid helper

WebGrid - een van de vele nuttige ASP.NET Web-hulpmiddelen.

HTML zelf schrijven

In de vorige hoofdstukken hebben we door het gebruik van razor-code gegevens uit de database weergegeven en alle HTML-markeringen zelf geschreven:

Database instantie

@{
var db = Database.Open("SmallBakery"); 
var selectQueryString = "SELECT * FROM Product ORDER BY Name"; 
}
<html> 
<body> 
<h1>kleine bakkerijproducten</h1> 
<table> 
<tr>
<th>Id</th> 
<th>Product</th> 
<th>Beschrijving</th> 
<th>Prijs</th> 
</tr>
@foreach(var row in db.Query(selectQueryString))
{
<tr> 
<td>@row.Id</td> 
<td>@row.Naam</td> 
<td>@row.Beschrijving</td> 
<td align="right">@row.Prijs</td> 
</tr> 
}
</table> 
</body> 
</html>

Voer voorbeeld uit

Gebruik de WebGrid Helper

Het gebruik van de WebGrid Helper is een eenvoudiger manier om gegevens weer te geven.

WebGrid Helper:

  • Bouwt automatisch een HTML-tabel voor het weergeven van gegevens
  • Ondersteunt verschillende opmaakopties
  • Ondersteunt data paginering
  • Ondersteunt sorteren op kolomtitels met klikken

WebGrid voorbeeld

@{ 
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>Data weergeven met de WebGrid Helper</title> 
</head> 
<body> 
<h1>kleine bakkerijproducten</h1> 
<div id="grid"> 
@grid.GetHtml()
</div> 
</body> 
</html>

Voer voorbeeld uit