Vitajte na [www.pocitac.win] Pripojiť k domovskej stránke Obľúbené stránky
Otvorte Visual Studio . Kliknite na " Súbor " a zvoľte " nové webové stránky . "
2
Kliknite na " Visual C # , " a potom dvakrát kliknite na " ASP.NET webové stránky " vytvoriť nové webové stránky . Značkovacie kód pre predvolené webové stránky sa objaví v strede okna Visual Studio .
3
Kliknite na tlačidlo " Design " v dolnej časti okna pre zobrazenie Návrhár formulárov .
Stránka 4
Kliknite na " Súbor " a zvoľte " Toolbox " . Visual Studio sa zobrazí na paneli nástrojov.
5
Prejdite nadol a vyhľadajte " GridView " kontrolu . Dvakrát kliknite na položku, ktorá riadi umiestniť ho na formulári .
6
Stlačte tlačidlo " F7 " . Okno zdrojový kód sa otvorí a zobrazí tento kód :
protected void Page_Load ( object sender , EventArgs e )
{
}
spôsob načítania stránky . Je to beží , keď webová stránka načíta v prehliadači . Všimnite si dva symboly konzoly pod prvý riadok kódu
7
Pridať tento kód medzi týmito dvoma držiaku symboly: .
//Linky 1-5
systém . Data.DataTable dataSourceTable = new System.Data.DataTable ( ) ;
dataSourceTable.Columns.Add ( nový System.Data.DataColumn ( " Model " , typeof ( string ) ) ) ;
dataSourceTable.Columns.Add ( nový System.Data.DataColumn ( " Make " , typeof ( string ) ) ) ;
dataSourceTable.Columns.Add ( nový System.Data.DataColumn ( " Color " , typeof ( string ) ) ) ;
dataSourceTable.Rows.Add ( originalColumnValues ) ;
//Riadok 6
GridView1.AutoGenerateColumns = false ;
//linka 7
GridView1.DataSource = dataSourceTable ;
Prvých päť riadkov vytvorte zdroj údajov, ktorý obsahuje tri polia : model , ako zarobiť a farieb . Linka šesť sád GridView je " AutoGenerateColumns " vlastnosť na hodnotu false . To zabraňuje GridView automatickému generovaniu stĺpcov , keď ju viazať k zdroju dát . Linka sedem viaže GridView k zdroju dát . . Na tomto mieste sa zobrazí GridView žiadne stĺpce
8
Pridajte nasledujúci kód pod kódu opísaného v predchádzajúcom kroku :
/Linky 8-12
BoundField BoundField = new BoundField ( ) ;
boundField.DataField = " Make " ;
boundField.HeaderText = " Ford " ;
DataControlField DataControlField = BoundField ;
GridView1.Columns.Add ( DataControlField ) ;
//Linky 13 = 17
BoundField = new BoundField ( ) ;
boundField.DataField = " Model " ;
boundField.HeaderText = " Mustang " ;
DataControlField = BoundField ;
GridView1.Columns.Add ( DataControlField ) ;
//Riadok 18
GridView1.DataBind ( ) ;
Linky osem až dvanásť vytvoriť viazaný poľa . Toto pole odkazuje na pole v zdroji údajov je " Make " . Linka 10 priradí hodnotu " Ford " na viazané pole . Môžete túto hodnotu čo sa vám páči . To je hodnota , ktorá sa zobrazí v novom stĺpci . Linka 12 pridáva viazaný pole GridView . Lines13 až 17 vytvoriť ďalšie viazaný poľa . Toto viazané pole odvoláva pole v zdroji údajov je " model " a nastaví jeho textovú hodnotu " Mustang " . Riadok 18 sa viaže na GridView k zdroju dát .
9
Stlačte " F5 " pre spustenie aplikácie . Váš webový prehliadač sa otvorí a zobrazí GridView a stĺpcov , ktoré ste pridali .