GridView gjør websider ryddig , og webutviklere vise komplekse tabelldata ved å presentere den i rader og kolonner . GridView henter data fra en rekke ulike datakilder som databaser , XML-filer og data tabeller . Du kan legge til kolonner i en GridView når du designe den. Noen ganger kan du ikke vet hvilken kolonne for å legge til . Ved å manipulere en GridView er " bundet feltet " eiendom , kan du legge til kolonner etter behov. Instruksjoner
en

Åpne Visual Studio. Klikk på " File" og velg " nytt nettsted . "
2

Klikk på " Visual C # ", og deretter dobbeltklikk på " ASP.NET Website " for å opprette et nytt nettsted. Den markup koden for standard websiden vises i midten av Visual Studio-vinduet .
3

Klikk på " Design "-knappen nederst i vinduet for å vise skjemaet designer .

4

Klikk på "File " og velg " Toolbox ". Visual Studio vil vise verktøykassen .
5

Rull ned og finn " GridView " kontroll. Dobbeltklikk på kontrollen for å plassere den på skjemaet .
6

Trykk " F7 ". Kildekoden åpnes og vise denne koden : en

beskyttet ugyldig Page_Load ( objekt avsenderen , EventArgs e )

{

}
p Dette er lastetiden metoden. Det kjører når nettsiden belastninger i en nettleser . Legg merke til de to braketten Symbolene under den første linjen i koden
7

Legg denne koden mellom de to klamme symboler : .

//Lines 1-5

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

dataSourceTable.Columns.Add ( ny System.Data.DataColumn ( "modell" , typeof ( string) ));
< p > dataSourceTable.Columns.Add ( ny System.Data.DataColumn ( "Make " , typeof ( string) ));

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

dataSourceTable.Rows.Add ( originalColumnValues ​​) ;

//Linje 6

GridView1.AutoGenerateColumns = false;

//linje 7

GridView1.DataSource = dataSourceTable ;

De første fem linjene opprette en datakilde som inneholder tre felt: Model , lage og farge . Linje seks setter GridView er " AutoGenerateColumns " eiendom til false . Dette hindrer GridView fra genererer kolonner automatisk når du binder den til en datakilde . Linje syv binder GridView til datakilden . På dette punktet , viser GridView ingen kolonner
8

Legg til følgende kode under koden beskrevet i forrige trinn : .

/Lines 8-12

BoundField boundField = new BoundField ();

boundField.DataField = "Make ";

boundField.HeaderText = "Ford ";

DataControlField dataControlField = boundField ;

GridView1.Columns.Add ( dataControlField ) ;

//Lines 13 = 17

boundField = new boundField ();

boundField.DataField = "modell" ;

boundField.HeaderText = " Mustang ";

dataControlField = boundField ;

GridView1.Columns.Add ( dataControlField ) ;

//Linje 18

GridView1.DataBind ();

Lines åtte til 12 opprette en bundet felt . Dette feltet referanser datakilden er " Gjør "-feltet . Linje 10 tildeler en verdi av "Ford " til det bundne feltet . Du kan gjøre denne verdien noe du liker. Dette er verdien som vises i den nye kolonnen . Linje 12 legger det bundne feltet til GridView . Lines13 gjennom 17 opprette en bundet feltet . Dette bundet feltet referanser datakilden er " Model "-feltet , og setter sin tekst verdien til " Mustang ". Linje 18 binder GridView til datakilden .
9

Trykk " F5 " for å kjøre programmet. Din nettleser vil åpne og vise GridView og kolonnene du har lagt til.