Cómo utilizar una plantilla en GridView en VB.NET

Existe la GridView para permitir a los programadores para organizar los datos de las páginas web.

 

GridView PLANTILLA

El viejo dicho de que "Bastante es tan bonita no" se aplica a la programación y la gente. El GridView, que muestra los datos en un formato de rejilla o tabla, es inherentemente poco atractiva. Pero con una plantilla, puede activar una pantalla sobrio de los datos mundanos en una tabla colorido y atractivo que puede ordenar y filtrar los datos, o incluso aceptar la entrada del usuario. Dado que el GridView es parte del lenguaje, así como sus páginas Active Server. NET (ASP.NET) marco de programación Visual Basic. NET de Microsoft (VB.NET), se encuentra que estas técnicas funcionan igual de bien con muchos otros datos de ASP.NET controles.

 

Lo que necesita

Visual Studio

 

Abra la página que contiene el GridView dentro de Visual Studio. Haga clic en "Diseño" en la parte inferior de la pantalla para ver la página ASPX en la vista Diseño.

 

Haga clic en el control GridView. Haga clic en la etiqueta inteligente que aparece y haga clic en el enlace "Editar columnas".

 

Haga clic en un tipo de datos, como ProductName o RetailStore desde la ventana "Campos seleccionados". En la ventana de propiedades "BoundField", modificar el aspecto del campo, por ejemplo, la adición de una imagen que se ASP.NET mostrará en la parte superior de cada columna. Haga clic en el enlace "Convertir este campo en un campo de plantilla".

 

Haga clic en "Source" en la parte inferior de la pantalla y encontrar el TemplateField que ha creado. Para agregar otro bit de datos a la columna, arrastre y suelte un control Label a la página dentro de la etiqueta ItemTemplate y establezca su propiedad Text en el nombre del campo para unirse:

 

asp: TemplateField HeaderText = SortExpression "Nombre" = "ProductName"

 

EditItemTemplate

 

asp: TextBox ID = runat "TextBoxSample" = "server"

 

Texto = '% # Bind ("ProductName")%' / asp: TextBox

 

/ EditItemTemplate

 

ItemTemplate

 

asp: Label ID = "LabelSample1" runat = "server"

 

Texto = '% # Bind ("ProductName")%' / asp: Label

 

asp: Label ID = "LabelSample2" runat = "server"

 

Texto = '% # Bind ("RetailOutlet")%' / asp: Label

 

/ ItemTemplate

 

/ Asp: TemplateField

 

Utilice esta técnica para combinar las columnas de datos en una sola columna de la tabla en el GridView, tales como el nombre de un producto y el nombre de la toma de corriente que vende el producto.

 

Guarde su trabajo y haga clic en el icono de "debug" para ejecutar la página Web y asegurarse de que funciona como se esperaba.