WebGrid – Einer von vielen nützlichen ASP.NET-Webhelfern.
In diesem Abschnitt wird Ihnen die Verwendung des WebGrid-Hilfsprogramms ausführlich vorgestellt.
In den vorherigen Kapiteln haben Sie Razor-Code zum Anzeigen von Datenbankdaten verwendet. Das gesamte HTML-Markup wurde handgeschrieben:
@{var db = Database.Open("SmallBakery"); var selectQueryString = "SELECT * FROM Product ORDER BY Name"; <html> <body> <h1>Kleine Backwaren</h1> <table> <tr> <th>Id</th> <th>Produkt</th> <th>Beschreibung</th> <th>Preis </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>Der WebGrid-Helfer bietet eine einfachere Möglichkeit, Daten anzuzeigen.
WebGrid-Helfer:
Erstellen Sie automatisch eine HTML-Tabelle zur Anzeige von Daten
Unterstützt verschiedene Formatierungsoptionen
Unterstützt die Anzeige von Datenseiten
Unterstützt das Sortieren durch Klicken auf den Listentitel
@{ var db = Database.Open("SmallBakery") ; var selectQueryString = "SELECT * FROM Product ORDER BY Id"; var data = db.Query(selectQueryString); <html> <head> <title>Anzeigen von Daten mit dem WebGrid-Hilfsprogramm</title> </head> <body> <h1>Kleine Backwaren</h1> <div id="grid"> @grid.GetHtml() </div> </body> </html>Im nächsten Abschnitt erfahren Sie mehr über die Verwendung des Chart-Helfers.