Comment : personnaliser des contrôles en vue d'une modification dans le contrôle serveur Web GridView

Mise à jour : novembre 2007

Lorsqu'une ligne du contrôle GridView est mise en mode édition, la ligne affiche généralement du texte ou des cases à cocher pour les colonnes de données, dans lesquelles les utilisateurs peuvent modifier les données. Si vous souhaitez utiliser des contrôles différents pour apporter des modifications, vous pouvez personnaliser les contrôles GridView pour le mode édition. Vous pouvez le faire en créant un modèle qui définit la disposition personnalisée (texte et contrôles) que vous souhaitez afficher en mode édition au lieu des contrôles par défaut. Pour plus d'informations, consultez Modèles de contrôles serveur Web ASP.NET.

Pour spécifier la modification personnalisée pour une colonne GridView

  1. Dans le menu contextuel Tâches GridView, activez la case à cocher Activer la modification.

    stk0x9y3.alert_note(fr-fr,VS.90).gifRemarque :

    La case à cocher Activer la modification apparaît dans le menu contextuel uniquement si le contrôle de source de données auquel le contrôle GridView est lié prend en charge la modification. Par exemple, si le contrôle GridView est lié à un contrôle SqlDataSource, la propriété UpdateCommand doit contenir une instruction Update de SQL.

  2. Dans le menu contextuel, cliquez sur Modifier les colonnes.

    La boîte de dialogue Champs s'affiche.

  3. Sous Champs disponibles, développez BoundField pour répertorier les champs liés de la source de données.

  4. Sous Champs sélectionnés, sélectionnez un champ dépendant, cliquez sur Convertir ce champ en TemplateField, puis cliquez sur OK pour fermer la boîte de dialogue Champs.

  5. Dans le menu contextuel, cliquez sur Modifier les modèles.

    Le contrôle GridView bascule en mode de modification de modèle.

  6. Dans le menu contextuel, dans la liste Afficher, cliquez sur EditItemTemplate.

    Le contrôle GridView affiche l'éditeur de modèles pour la propriété EditItemTemplate. Cela spécifie la disposition (texte et contrôles) qui apparaîtra pour cette colonne lorsque la ligne est en mode édition.

  7. À partir du groupe Standard de la boîte à outils, faites glisser un contrôle DropDownList sur le modèle.

    Vous configurerez la DropDownList à la procédure suivante.

Pour remplir une liste déroulante en vue d'une modification dans une colonne GridView

  1. Dans le menu contextuel, dans la liste Choisir la source de données, cliquez sur Nouvelle source de données.

  2. Dans l'Assistant Configuration de source de données, sélectionnez la même source de données que vous avez utilisée dans la procédure précédente.

  3. Sélectionnez les champs de données à afficher et les valeurs correspondantes de la liste à partir des champs disponibles dans votre source de données, puis cliquez sur OK.

  4. Appuyez sur CTRL+F5 pour exécuter la page.

  5. Modifiez une colonne dans la grille pour vérifier que la liste s'affiche.

Ajouts de la communauté

Afficher: