Heim >Backend-Entwicklung >C#.Net-Tutorial >Parse WebGrid – Sehr nützlicher ASP.NET-Webhelfer
Parse WebGrid – Sehr nützlicher ASP.NET-Webhelfer
- 零下一度Original
- 2017-05-25 09:42:342385Durchsuche
WebGrid – Einer von vielen nützlichen ASP.NET-Webhelfern.
Geschriebenes HTML
Im vorherigen Kapitel haben Sie Razor-Code verwendet, um Datenbankdaten anzuzeigen. Alle HTML-Tags wurden handgeschrieben:
Datenbankbeispiel
@{
var db = Database.Open("SmallBakery");
var selectQueryString = "SELECT * FROM Product ORDER BY Name";
}
<html>
<body>
<h1>Small Bakery Products</h1>
<table>
<tr>
<th>Id</th>
<th>Product</th>
<th>Description</th>
<th>Price</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>Verwenden des WebGrid-Helfers
Der WebGrid-Helper bietet eine einfachere Möglichkeit, Daten anzuzeigen.
WebGrid-Helfer:
Automatisch eine HTML-Tabelle zur Anzeige von Daten erstellen
Unterstützt verschiedene Formatierungsoptionen
Unterstützt die Seitenanzeige von Daten
Unterstützen Sie die Sortierung, indem Sie auf den Listentitel klicken
WebGrid-Instanz
@{
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>Displaying Data Using the WebGrid Helper</title>
</head>
<body>
<h1>Small Bakery Products</h1>
<div id="grid">
@grid.GetHtml()
</div>
</body>
</html>[Verwandte Empfehlungen]
1. Kostenloses ASP.NET-Video-Tutorial
2. ASP.NET-Studiennotizen teilen (8) WebPages Helper
3. ASP.NET-Studiennotizen teilen (7) Detaillierte Erklärung von WebPages-Objekten
4. Detaillierte Einführung in ASP.NET MVC--Ansicht
5. Eine einfache Definition und Einführung von ASP.NET
Das obige ist der detaillierte Inhalt vonParse WebGrid – Sehr nützlicher ASP.NET-Webhelfer. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!