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

零下一度
零下一度original
2017-05-25 09:42:342385parcourir

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>
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>
[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!

Déclaration:
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