ASP.NET Web Pages - βοηθός WebGrid

WebGrid - μια από τις πολλές χρήσιμες βοηθούς ASP.NET Web.

Γράψτε HTML

Στα προηγούμενα κεφάλαια, χρησιμοποιήσαμε κώδικα razor για να εμφανίσουμε δεδομένα από τη βάση δεδομένων και να γράψουμε όλες τις HTML ετικέτες:

Πρότυπο Database

@{
var db = Database.Open("SmallBakery"); 
var selectQueryString = "Επιλογή * από Product σειράζοντας με βάση το Όνομα"; 
}
<html> 
<body> 
<h1>Προϊόντα Μικρής Πάστερνας</h1> 
<table> 
<tr>
<thΚωδικός</th> 
<thΠροϊόν</th> 
<thΠεριγραφή</th> 
<th>Τιμή</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>Εμφάνιση Δεδομένων Χρησιμοποιώντας τον βοηθό WebGrid</title> 
</head> 
<body> 
<h1>Προϊόντα Μικρής Πάστερνας</h1> 
<div id="grid"> 
@grid.GetHtml()
</div> 
</body> 
</html>

Εκτέλεση Παράδειγματος