ASP.NET Web Pages - WebGrid hjælper

WebGrid - én af mange nyttige ASP.NET Web hjælpere.

Skriv HTML selv

I de tidligere kapitler har vi brugt razor kode til at vise data fra databasen og skrev alle HTML mærker selv:

Database instans

@{
var db = Database.Open("SmallBakery"); 
var selectQueryString = "SELECT * FROM Product ORDER BY Name"; 
}
<html> 
<body> 
<h1>Lille Bageris Produkter</h1> 
<table> 
<tr>
<th>Id</th> 
<th>Produkt</th> 
<th>Beskrivelse</th> 
<th>Pris</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>

Kør eksempel

Brug af WebGrid hjælper

At bruge WebGrid hjælper er en mere simpel metode til at vise data.

WebGrid hjælper:

  • Opretter automatisk HTML-tabeller til visning af data
  • Støtter forskellige formateringsindstillinger
  • Støtter datainddeling
  • Støtter klik på kolonneoverskrifter for sortering

WebGrid instans

@{ 
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>Viser Data ved Brug af WebGrid Helper</title> 
</head> 
<body> 
<h1>Lille Bageris Produkter</h1> 
<div id="grid"> 
@grid.GetHtml()
</div> 
</body> 
</html>

Kør eksempel