Cómo agregar columnas de GridView

December 21 by admin

Cómo agregar columnas de GridView


GridView hace que las páginas web ordenadas, y los desarrolladores Web mostrar datos tabulares complejos presentándolo en filas y columnas. GridView obtiene datos de una variedad de fuentes de datos, tales como bases de datos, archivos XML y tablas de datos. Puede agregar columnas a un GridView cuando el diseño de la misma. A veces, puede que no sepa qué columna para agregar. Mediante la manipulación de la propiedad de un GridView "campo enlazado", puede agregar columnas según sea necesario.

Instrucciones

1 Abra Visual Studio. Haga clic en "Archivo" y selecciona "Nuevo Sitio Web."

2 Haga clic en "Visual C #", y haga doble clic en "ASP.NET Sitio Web" para crear un nuevo sitio web. El código de marcado de la página web por defecto aparece en el centro de la ventana de Visual Studio.

3 Haga clic en el botón de "Diseño" en la parte inferior de la ventana para ver el diseñador de formularios.

4 Haga clic en "Archivo" y seleccione "Caja de herramientas". Visual Studio mostrará la caja de herramientas.

5 Desplácese hacia abajo y busque el control "GridView". Haga doble clic en ese control para colocarlo en el formulario.

6 Pulse la tecla "F7". La ventana de código fuente se abrirá y mostrará este código:

protegidos void Page_Load (object sender, EventArgs e)

{

}

Este es el método de carga de página. Se ejecuta cuando se carga la página Web en un navegador. Tenga en cuenta los dos símbolos del soporte por debajo de la primera línea de código.

7 Añadir este código entre los dos símbolos de corchetes:

// Líneas 1-5

System.Data.DataTable dataSourceTable = new System.Data.DataTable ();

dataSourceTable.Columns.Add (nueva System.Data.DataColumn ( "Modelo", typeof (cadena)));

dataSourceTable.Columns.Add (nueva System.Data.DataColumn ( "Marca", typeof (cadena)));

dataSourceTable.Columns.Add (nueva System.Data.DataColumn ( "Color", typeof (cadena)));

dataSourceTable.Rows.Add (originalColumnValues);

// Línea 6

GridView1.AutoGenerateColumns = false;

// Línea 7

GridView1.DataSource = dataSourceTable;

Las cinco primeras líneas crean una fuente de datos que contiene tres campos: modelo, marca y color. La línea de seis conjuntos de propiedades "AutoGenerateColumns" del GridView a falsa. Esto evita que el GridView desde la generación de columnas de forma automática cuando se enlaza a un origen de datos. Línea de siete une el GridView para la fuente de datos. En este punto, el GridView muestra ninguna columna.

8 Agregue el siguiente código debajo del código se describe en el paso anterior:

/ Líneas 8-12

BoundField BoundField = new BoundField ();

boundField.DataField = "Marca";

boundField.HeaderText = "Ford";

DataControlField DataControlField = BoundField;

GridView1.Columns.Add (DataControlField);

// Las líneas 13 = 17

BoundField = new BoundField ();

boundField.DataField = "Modelo";

boundField.HeaderText = "Mustang";

DataControlField = BoundField;

GridView1.Columns.Add (DataControlField);

// Línea 18

GridView1.DataBind ();

Líneas de ocho a 12 crean un campo enlazado. Este campo hace referencia a campo "Marca" de la fuente de datos. La línea 10 asigna un valor de "Ford" al campo enlazado. Puede hacer que este valor lo que quiera. Este es el valor que aparece en la nueva columna. La línea 12 añade el campo enlazado a la GridView. Lines13 hasta el 17 de crear otro campo enlazado. Este campo enlazado referencias de campo "Modelo" de la fuente de datos y se define su valor de texto a "Mustang". La línea 18 une el GridView para la fuente de datos.

9 Pulse la tecla "F5" para ejecutar la aplicación. Su navegador web se abrirá y mostrará el GridView y las columnas que ha añadido.

Consejos y advertencias

  • Crear tantos campos enlazados a su gusto. Cada campo enlazado debe hacer referencia a un campo existente en el origen de datos. Por ejemplo, si el origen de datos es una consulta SQL que devuelve los campos municipales, estatales y de población, se puede añadir cualquiera de esos campos a un GridView utilizando la técnica de "campo enlazado" se describe en estos pasos.

Related Posts