Maison > développement back-end > Tutoriel C#.Net > Parse WebGrid - Assistant Web ASP.NET très utile

Parse WebGrid - Assistant Web ASP.NET très utile

零下一度
Libérer: 2017-05-25 09:42:34
original
2378 Les gens l'ont consulté

WebGrid - L'un des nombreux assistants Web ASP.NET utiles.

HTML écrit

Dans le chapitre précédent, vous avez utilisé le code Razor pour afficher les données de la base de données. Toutes les balises HTML étaient écrites à la main :

Exemple de base de données

@{
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>
Copier après la connexion
Utilisation du WebGrid Helper

Le WebGrid Helper offre un moyen plus simple d'afficher les données.

WebGrid Helper :

Créer automatiquement un tableau HTML pour afficher les données

Prend en charge différentes options de formatage

Prend en charge l'affichage par pagination des données

Prise en charge du tri en cliquant sur le titre de la liste

Instance 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>Displaying Data Using the WebGrid Helper</title> 
</head> 
<body> 
<h1>Small Bakery Products</h1> 
<div id="grid"> 
@grid.GetHtml()
</div> 
</body> 
</html>
Copier après la connexion
[Recommandations associées]

1

Tutoriel vidéo gratuit ASP.NET <.>2.

Partager les notes d'étude ASP.NET (8) WebPages Helper

3

Partager les notes d'étude ASP.NET (7) Explication détaillée des objets WebPages<.>

4. Introduction détaillée à ASP.NET MVC --Vue

5 Une définition et une introduction simples d'ASP.NET

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal