GridView gør websider ryddelige og webudviklere vise komplekse tabeldata ved at præsentere det i rækker og kolonner . GridView får data fra en række forskellige datakilder såsom databaser , XML-filer og data tabeller. Du kan tilføje kolonner til en GridView når du designer den. Nogle gange kan du ikke vide, hvilken kolonne til at tilføje . Ved at manipulere et GridView er " bundet felt" ejendom, kan du tilføje kolonner efter behov. Instruktioner
1

Open Visual Studio. Klik på "File " og vælg " Ny hjemmeside ".
2

Klik på " Visual C #, " og derefter dobbeltklikke på " ASP.NET Website " for at oprette en ny hjemmeside. Det markup kode for standard websiden vises i midten af Visual Studio -vinduet.
3

Klik på " Design "-knappen nederst i vinduet for at se skemaet designer. < br >
4

Klik på "File " og vælg " Toolbox ". Visual Studio vil vise værktøjskassen.
5.

Rul ned og find " GridView " kontrol . Dobbeltklik på denne kontrol til at placere den på formularen.
6

Tryk på " F7 ". Kildekoden vindue vil åbne og vise denne kode : Hej

protected void Page_Load (object sender, EventArgs e )

{

}

Dette er den side load metode. Det kører Når websiden belastninger i en browser. Bemærk de to beslag nedenstående symboler første linje kode
7

Tilføj denne kode mellem de to beslag symboler : .

//Lines 1-5

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

dataSourceTable.Columns.Add (ny System.Data.DataColumn ( "Model " , typeof ( streng) )),
< p > dataSourceTable.Columns.Add (ny System.Data.DataColumn ( "Make " typeof ( streng) )),

dataSourceTable.Columns.Add (ny System.Data.DataColumn ( "Farve" , typeof ( string) )),

dataSourceTable.Rows.Add ( originalColumnValues ​​)

//Linje 6

GridView1.AutoGenerateColumns = false;

//linje 7

GridView1.DataSource = dataSourceTable ,

De første fem linjer opretter en datakilde , der indeholder tre felter: Model , mærke og farve . Linie seks sætter GridView s " AutoGenerateColumns " ejendom til falsk . Dette forhindrer GridView fra genererer kolonner automatisk, når du binde det til en datakilde. Linie syv binder GridView til datakilden . På dette tidspunkt viser GridView ingen kolonner
8

Føj følgende kode under koden er beskrevet i det foregående trin : .

/Lines 8-12

BoundField boundField = new BoundField ();

boundField.DataField = "Gør "

boundField.HeaderText = "Ford "

DataControlField dataControlField = boundField ;

GridView1.Columns.Add ( dataControlField )

//Lines 13 = 17

boundField = new boundField ();

boundField.DataField = " Model" ;

boundField.HeaderText = " Mustang "

dataControlField = boundField ,

GridView1.Columns.Add ( dataControlField )

//Linie 18

GridView1.DataBind ();

Lines otte til 12 skabe en bundet felt. Dette felt refererer til data kildens "Make " feltet. Linje 10 tildeler en værdi af "Ford " til det bundne område . Du kan lave denne værdi noget, du vil. Dette er den værdi , der vises i den nye kolonne . Linje 12 tilføjer den bundne felt til GridView . Lines13 gennem 17 oprette en anden bundet felt. Denne bundne felt referencer datakilden s "Model " feltet og indstiller sin tekst værdi til " Mustang ". Linie 18 binder GridView til datakilden .
9

Tryk på " F5 " for at køre programmet. Webbrowseren åbner og vise GridView og de ​​kolonner, du tilføjede .