GridView rend les pages Web bien rangé, et les développeurs Web d'afficher des données tabulaires complexes en le présentant en lignes et en colonnes. GridView récupère les données à partir d'une variété de sources de données, telles que des bases de données , fichiers XML et les tables de données. Vous pouvez ajouter des colonnes à un GridView lorsque vous concevez . Parfois , vous ne pouvez pas savoir quelle colonne à ajouter. En manipulant la propriété " bound sur le terrain » d'un GridView , vous pouvez ajouter des colonnes au besoin. Instructions
1

Ouvrez Visual Studio. Cliquez sur "Fichier " et sélectionner " Nouveau site web ".
2

Cliquez sur " Visual C # ", puis double -cliquez sur " Site Web ASP.NET " pour créer un nouveau site web. Le code balisage de la page Web par défaut apparaît au centre de la fenêtre Visual Studio.
3

Cliquez sur le bouton " Design" au bas de la fenêtre pour afficher le concepteur de formulaires .
4

Cliquez sur "Fichier" et sélectionner " Boîte à outils ". Visual Studio affichera la boîte à outils.
5

Descendez et localiser le contrôle " GridView " . Double -cliquez sur ce contrôle pour le placer sur le formulaire.
6

presse "F7 ". La fenêtre de code source s'ouvre et affiche ce code:

protected void Page_Load (object sender, EventArgs e) {

}

C'est l' Page méthode de charge. Il s'exécute lorsque la page Web chargée dans un navigateur . Notez les deux symboles de support ci-dessous la première ligne de code
7

Ajouter ce code entre les deux symboles du support : .

//Lignes 1-5

système . Data.DataTable dataSourceTable = new System.Data.DataTable ();

dataSourceTable.Columns.Add ( nouveau System.Data.DataColumn ( "Modèle" , typeof (string) ) ) ;
< p > dataSourceTable.Columns.Add ( nouveau System.Data.DataColumn ( " Marque" , typeof (string) ) ) ;

dataSourceTable.Columns.Add ( nouveau System.Data.DataColumn ( "Couleur", typeof ( string) ) ) ;

dataSourceTable.Rows.Add ( originalColumnValues ​​) ;

//Line 6

GridView1.AutoGenerateColumns = false;

//ligne 7

GridView1.DataSource = dataSourceTable ;

Les cinq premières lignes de créer une source de données contenant trois champs: modèle, la marque et la couleur . Ligne six sets " AutoGenerateColumns " la propriété du GridView à false. Cela empêche le GridView de colonnes générant automatiquement lorsque vous liez à une source de données . Ligne sept lie le contrôle GridView à la source de données. À ce stade, le GridView affiche aucun colonnes
8

Ajoutez le code suivant sous le code décrit dans l'étape précédente: .

/Lignes 8-12

BoundField BoundField = new BoundField ();

boundField.DataField = " Marque" ;

boundField.HeaderText = " Ford " ;

DataControlField DataControlField = BoundField ;

GridView1.Columns.Add ( DataControlField ) ;

lignes //13 = 17

BoundField = new BoundField ();

boundField.DataField = "Modèle" ;

boundField.HeaderText = "Mustang" ;

DataControlField = BoundField ;

GridView1.Columns.Add ( DataControlField ) ;

//ligne 18 Photos

GridView1.DataBind ();

huit lignes à 12 créent un champ lié . Ce champ de références de la source de données " Marque" . Ligne 10 attribue une valeur de "Ford " dans le domaine lié. Vous pouvez faire cette valeur ce que vous voulez . C'est la valeur qui apparaît dans la nouvelle colonne. Ligne 12 ajoute le champ lié à la GridView. Lines13 à 17 créer un autre champ lié . Ce champ lié références de champ de source de données «Modèle» et définit sa valeur de texte pour " Mustang ". La ligne 18 relie le GridView à la source de données.
9

Appuyez sur " F5" pour exécuter l'application . Votre navigateur Web s'ouvre et affiche le GridView et les colonnes que vous avez ajoutés .