WebGrid: uno de los muchos ayudantes web ASP.NET útiles.
Esta sección le presenta en detalle el uso del asistente WebGrid.
En los capítulos anteriores, utilizó el código Razor para mostrar los datos de la base de datos. Todo el marcado HTML fue escrito a mano:
@{var db = Database.Open("SmallBakery"); var selectQueryString = "SELECCIONAR * DEL PEDIDO DEL Producto POR Nombre"; <html> <body> <h1>Pequeños productos de panadería</h1> <table> <tr> <th>Id</th> <th>Producto</th> <th>Descripción</th> <th>Precio </th> </tr> @foreach(var fila en db.Query(selectQueryString)){ <tr> <td>@fila.Id </td> <td>@fila.Nombre </td> <td>@row.Descripción </td> <td align="right">@row.Precio </td> </tr> } </tabla> </cuerpo> </html>
El asistente WebGrid proporciona una forma más sencilla de mostrar datos.
Ayudante de WebGrid:
Crear automáticamente una tabla HTML para mostrar datos
Admite diferentes opciones de formato
Admite visualización de paginación de datos
Admite ordenar haciendo clic en el título de la lista
@{ var db = Database.Open("SmallBakery") ; var selectQueryString = "SELECT * FROM Product ORDER BY Id"; var data = db.Query(selectQueryString); <html> <head> <title>Visualización de datos utilizando WebGrid Helper</title> </head> <body> <h1>Pequeños productos de panadería</h1> <div id="grid"> @grid.GetHtml() </div> </body> </html>
En la siguiente sección, aprenderá sobre el uso del asistente de gráficos.