GridView gör webbsidor snyggt och webbutvecklare visa komplexa tabelldata genom att presentera det i rader och kolumner . GridView hämtar data från en mängd olika datakällor såsom databaser , XML-filer och data bord . Du kan lägga till kolumner i en GridView när du utformar det . Ibland kanske du inte vet vilken kolumn att lägga . Genom att manipulera en GridView är " bundna fältet " egendom , kan du lägga till kolumner efter behov . Instruktioner
1
Öppna Visual Studio . Klicka på " File " och välj " Ny hemsida . "
2
Klicka på " Visual C # , " och dubbelklicka sedan på " ASP.NET Webbplats " för att skapa en ny webbplats . Den uppmärkningskoden för standard webbsidan visas i mitten av Visual Studio fönstret .
3
Klicka på " Design " -knappen längst ned i fönstret för att se formuläret designer .
4
Klicka på " File " och välj " Toolbox . " Visual Studio kommer att visa verktygslådan .
5
Rulla ner och leta reda på " GridView " kontroll . Dubbelklicka på den kontrollen för att placera den på formuläret .
6
Tryck " F7 . " Källkoden fönster öppnas och visar den här koden :
skyddade void Page_Load ( objekt avsändare , EventArgs e ) katalog
{
}
p Detta är den sidan load metod . Den körs när webbsidan läses in i en webbläsare . Notera de två fästet symbolerna nedanför den första kodraden
7
Lägg denna kod mellan de båda fäste symbolerna .
//Linjer 1-5
System . Data.DataTable dataSourceTable = ny System.Data.DataTable ( ) ;
dataSourceTable.Columns.Add ( ny System.Data.DataColumn ( " Model " , typeof ( string ) ) ) ;
dataSourceTable.Columns.Add ( ny System.Data.DataColumn ( " Gör " , typeof ( string ) ) ) ;
dataSourceTable.Columns.Add ( ny System.Data.DataColumn ( " Färg " , typeof ( string ) ) ) ;
dataSourceTable.Rows.Add ( originalColumnValues ) ;
//Rad 6
GridView1.AutoGenerateColumns = false;
//linje 7
GridView1.DataSource = dataSourceTable ;
De första fem raderna skapar en datakälla som innehåller tre fält: Modell , märke och färg . Linje sex sätter GridView s " AutoGenerateColumns " egenskapen till false . Detta förhindrar att GridView från generera kolumner automatiskt när du binda den till en datakälla . Rad sju binder GridView till datakällan . Vid denna punkt , visar GridView inga pelare
8
Lägg till följande kod under koden som beskrivs i föregående steg : .
/Linjer 8-12
BoundField boundField = ny BoundField ( ) ;
boundField.DataField = " Gör " ,
boundField.HeaderText = " Ford " ,
DataControlField dataControlField = boundField ;
GridView1.Columns.Add ( dataControlField ) ;
//Linjer 13 = 17
boundField = ny boundField ( ) ;
boundField.DataField = " Model " ;
boundField.HeaderText = " Mustang " ,
dataControlField = boundField ;
GridView1.Columns.Add ( dataControlField ) ;
//Linje 18
GridView1.DataBind ( ) ;
Lines
åtta till 12 skapar en bunden fält . Detta fältreferenser datakällan s " Gör " fältet . Linje 10 tilldelar ett värde av "Ford " till det bundna området . Du kan göra detta värde vad du vill . Detta är det värde som visas i den nya kolumnen . Linje 12 läggs det bundna fältet till GridView . Lines13 genom 17 skapa en annan bunden fält . Denna bundna fältreferenser datakällan s " Model "-fältet och sätter sin text värde till " Mustang ". Linje 18 binder GridView till datakällan .
9
Tryck " F5 " för att köra programmet . Din webbläsare öppnas och visar GridView och de kolumner som du lagt till . Addera
