Cómo agregar columnas de GridView

GridView hace que las páginas web ordenadas, y desarrolladores web mostrar datos tabulares complejos presentándolo en filas y columnas. GridView obtiene los datos a partir 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 se lo diseña . A veces , puede que no sepa que la columna va a agregar. Mediante la manipulación de la propiedad "consolidados campo" de un GridView , puede agregar columnas como sea necesario. Instrucciones
1

Abra Visual Studio. Haga clic en " Archivo" y seleccionar " Nuevo Sitio ".

2 Haga clic en " Visual C # ", y haga doble clic en " ASP.NET 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

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

Haga clic en " archivo" y seleccione " 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

Press " F7 ". Se abrirá y mostrará la ventana de código fuente de este código:

protected void Page_Load ( object sender, EventArgs e) {

}

Este es el método de carga de la página . Se ejecuta cuando la página Web se carga 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 del soporte : .

//Líneas 1-5

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

dataSourceTable.Columns.Add ( nueva System.Data.DataColumn ( "Modelo" , typeof ( string ))) ;
< p > dataSourceTable.Columns.Add ( nueva System.Data.DataColumn ( " Marca" , typeof ( string ))) ;

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

dataSourceTable.Rows.Add ( originalColumnValues ​​) ;

//Línea 6 personas

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 . Line seis establece la propiedad " AutoGenerateColumns " del GridView en false. Esto evita que el GridView de columnas generan automáticamente cuando se enlaza a un origen de datos. Línea siete une el GridView al origen de datos . En este punto, el GridView muestra ninguna columna
8

Agregue el siguiente código debajo del código descrito en el paso anterior: .

/Líneas 8-12

BoundField BoundField BoundField = new ();

boundField.DataField = " Marca" ;

boundField.HeaderText = "Ford " ;

DataControlField DataControlField = BoundField ;

GridView1.Columns.Add ( DataControlField ) ;

//Líneas 13 = 17

BoundField BoundField = new ();

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 . El campo del origen de datos Este campo hace referencia a " Marca" . La línea 10 asigna un valor de " Ford " para el campo dependiente . Usted puede hacer este valor lo que quieras. Este es el valor que aparece en la nueva columna. La línea 12 añade el campo enlazado al GridView. Lines13 hasta el 17 de crear otro campo enlazado . Este campo enlazado campo de las referencias de la fuente de datos " modelo " y establece su valor de texto de "Mustang ". La línea 18 une el GridView al origen de datos .
9

Press "F5 " para ejecutar la aplicación . Su navegador web se abrirá y mostrará el GridView y las columnas que ha agregado .