GridView maakt webpagina's netjes, en webontwikkelaars weer complexe gegevens in tabelvorm door de presentatie van het in rijen en kolommen . GridView krijgt data uit verschillende gegevensbronnen zoals databases , XML-bestanden en data tabellen . U kunt kolommen toevoegen aan een GridView als je het te ontwerpen . Soms kan je niet weet welke kolom toe te voegen . Door het manipuleren van " gebonden gebied " eigendom van een GridView 's , kunt u kolommen als nodig is toe te voegen . Instructies
1 Open Visual Studio . Klik op " File " en selecteer " nieuwe website . "
Klik 2 " Visual C # , " en dubbelklik op " ASP.NET Website " om een nieuwe website te maken . De markup code voor de standaard webpagina verschijnt in het midden van de Visual Studio -venster .
3 Klik op de "Design " knop aan de onderkant van het venster om het formulier ontwerper bekijken . < br > Goedkope 4 Klik op " File " en selecteer " Toolbox . " Visual Studio zal de toolbox worden weergegeven .
5 Scroll naar beneden en zoek de " GridView " controle . Dubbelklik op dat de controle om het te plaatsen op het formulier .
Press 6 " F7 . " Het venster source code opent en toont deze code :
beschermde nietige Page_Load (object , _EventArgs_e ) {
}
genealogie Dit is het page load methode . Het loopt als de webpagina geladen in een browser . Let op de twee beugel symbolen onder de eerste regel van de code
7 Voeg deze code tussen de twee beugel symbolen : .
//Lijnen 1-5 System
. Data.DataTable dataSourceTable = new System.Data.DataTable ( ) ; dataSourceTable.Columns.Add
(nieuw System.Data.DataColumn ( " Model " , typeof (string ) ) ) ;
dataSourceTable.Columns.Add (nieuw System.Data.DataColumn ( " Zorg " , typeof (string ) ) ) ; dataSourceTable.Columns.Add
(nieuw System.Data.DataColumn ( " Color " , typeof ( string) ) ) ; dataSourceTable.Rows.Add
( originalColumnValues ) ;
//Line 6 GridView1.AutoGenerateColumns
= false;
//lijn 7
GridView1.DataSource = dataSourceTable ;
De eerste vijf regels creëren een gegevensbron met drie velden : Model , maken en kleur . Lijn zes sets van de GridView 's " AutoGenerateColumns " eigenschap op false. Dit voorkomt dat de GridView van het genereren van kolommen automatisch wanneer u het binden aan een gegevensbron . Lijn zeven bindt de GridView naar de gegevensbron . Op dit punt, de GridView geeft geen columns
8 Voeg de volgende code onder de code in de vorige stap beschreven : .
/Lijnen 8-12
BoundField boundField = new BoundField ( ) ; boundField.DataField
= " Zorg " ; boundField.HeaderText
= " Ford " ;
DataControlField dataControlField = boundField ;
GridView1.Columns.Add ( dataControlField ) ;
//Lijnen 13 = 17 boundField
= new boundField ( ) ; boundField.DataField = " Model "
;
boundField.HeaderText = " Mustang " ;
dataControlField = boundField ; GridView1.Columns.Add
( dataControlField ) ;
//lijn 18 GridView1.DataBind
( ) ; Lijnen
acht tot en met 12 maken een gebonden veld . Dit veld verwijzingen veld in de gegevensbron " Make " . Lijn 10 wijst een waarde heeft van "Ford " om het gebonden gebied . U kunt deze waarde wat je wilt maken . Dit is de waarde die in de nieuwe kolom weergegeven . Lijn 12 voegt het gebonden veld om de GridView . Lines13 door 17 maak een ander gebonden veld . Deze referenties veld gebonden veld in de gegevensbron " Model " en stelt haar tekst waarde aan " Mustang . " Lijn 18 bindt de GridView naar de gegevensbron .
Druk op "F5 " 9 om de toepassing uit te voeren . Uw webbrowser wordt geopend en toont de GridView en de kolommen die u hebt toegevoegd .
|
