|
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) ) ) ;
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 .
|
