GridView macht Webseiten ordentlich, und Web-Entwickler zeigen komplexe tabellarische Daten , indem sie ihn in Zeilen und Spalten. GridView ruft Daten aus einer Vielzahl von Datenquellen wie Datenbanken, XML-Dateien und Datentabellen . Sie können Spalten einer GridView hinzufügen, wenn Sie sie zu gestalten . Manchmal können Sie nicht wissen , welche Spalte hinzuzufügen. Durch die Manipulation eines GridView " gebundene Feld " Eigenschaft können Sie Spalten hinzufügen , wie gebraucht. Anleitung
1

Öffnen Sie Visual Studio. Klicken Sie auf " Datei" und wählen Sie " Neue Website . "
2

Klicken Sie auf " Visual C # ", und doppelklicken Sie dann auf "ASP.NET Website" , eine neue Website zu erstellen. Der Markup-Code für die Standard- Web -Seite erscheint in der Mitte des Visual Studio -Fenster.
3

Klicken Sie auf das " Design" -Taste am unteren Rand des Fensters, um den Formular-Designer anzuzeigen.
4

Klicken Sie auf " Datei" und wählen Sie " Werkzeuge ". Visual Studio zeigt die Toolbox.
5

Blättern Sie nach unten und suchen Sie die " GridView "-Steuerung . Doppelklicken Sie auf das Steuerelement , um es auf dem Formular platzieren.
6

Presse "F7 ". Der Source-Code -Fenster wird geöffnet und zeigt diesen Code ein:

protected void Page_Load (object sender, EventArgs e) {

}

Dies ist der Seite load-Methode . Es läuft , wenn die Webseite in einem Browser geladen . Beachten Sie die beiden Halter Symbole unterhalb der ersten Codezeile
7

Fügen Sie diesen Code zwischen den beiden Bügel Symbole : .

//Linien 1-5

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

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

dataSourceTable.Columns.Add (neu System.Data.DataColumn ( "Farbe", typeof ( string) ) );

dataSourceTable.Rows.Add ( originalColumnValues ​​);

//line 6

GridView1.AutoGenerateColumns = false;

//Linie 7

GridView1.DataSource = dataSourceTable ;

Die ersten fünf Zeilen eine Datenquelle enthält drei Felder : Model , Make und Farbe . Reihensechszylinder setzt die GridView " AutoGenerateColumns " -Eigenschaft auf false . Dies verhindert die Erzeugung von GridView Spalten automatisch , wenn Sie es an eine Datenquelle binden. Linie sieben bindet das GridView zur Datenquelle . An diesem Punkt zeigt das GridView keine Spalten
8

Fügen Sie den folgenden Code unter dem Code im vorherigen Schritt beschrieben : .

/Linien 8-12

BoundField BoundField = new BoundField ();

boundField.DataField = "Make" ;

boundField.HeaderText = "Ford" ;

DataControlField DataControlField = BoundField ;

GridView1.Columns.Add ( DataControlField );

//Linien 13 = 17

BoundField = new BoundField ();

boundField.DataField = " Model" ;

boundField.HeaderText = "Mustang" ;

DataControlField = BoundField ;

GridView1.Columns.Add ( DataControlField );

//Zeile 18

GridView1.DataBind ();

Zeilen acht bis 12 schaffen ein gebundenes Feld . Dieses Feld Referenzen der Datenquelle "Make" -Feld. Zeile 10 weist einen Wert von "Ford" an den gebundenen Bereich . Sie können diesen Wert , was du willst . Dies ist der Wert, der in der neuen Spalte angezeigt. Zeile 12 fügt das gebundene Feld der GridView . Lines13 bis 17 erstellen Sie ein anderes gebundenes Feld . Diese Schranke Feldreferenzen der Datenquelle "Model "-Feld und setzt den Text auf " Mustang ". Die Linie 18 bindet das GridView zur Datenquelle .
9

Presse "F5 ", um die Anwendung auszuführen. Ihr Browser öffnet sich und zeigt das GridView und die Spalten, die Sie aufgenommen.