Comment : créer des modèles de contrôles serveur Web à l'aide du concepteur

Mise à jour : novembre 2007

Les contrôles serveur Web GridView, DetailsView, FormView, DataList et Repeater vous permettent de spécifier des modèles et de définir le balisage et les contrôles serveur qui définissent une partie du contrôle. Par exemple, dans le contrôle GridView, vous pouvez définir des modèles pour des éléments, des éléments sélectionnés, des éléments de remplacement, etc. de façon que chacun de ces éléments ait une apparence personnalisée.

Cette rubrique décrit comment utiliser le concepteur pour créer des modèles. Vous pouvez créer des modèles directement dans Visual Web Developer. Pour plus d'informations sur la création de modèles à l'aide de la syntaxe ASP.NET, consultez Comment : créer des modèles de contrôle Web ASP.NET de manière déclarative. Pour des informations générales sur les modèles, consultez Modèles de contrôles serveur Web ASP.NET.

Remarque :

La syntaxe de liaison de données placée dans un élément HTML <textarea> d'un modèle sera codée en HTML si vous modifiez le modèle à l'aide du concepteur. Par exemple, si vous avez modifié le modèle à l'aide du concepteur, <textarea id="TextArea1"><%# Eval("Description") %><textarea> sera automatiquement remplacé par <textarea id="TextArea1">&lt;%# Eval("Description") %&gt;<textarea>. Vous pouvez également restituer un élément HTML <textarea> en liant un contrôle TextBox à votre champ de données et en spécifiant ensuite que la propriété TextMode du contrôle TextBox est MultiLine.

Pour créer un modèle dans Visual Web Developer

1. En mode Design, faites glisser un contrôle GridView à l'aire de conception.

   La liste de tâches de contrôles GridView est affichée en regard du nouveau contrôle GridView.

2. Dans la liste des tâches, cliquez sur Modifier un modèle, puis sélectionnez le modèle que vous souhaitez modifier.

   Visual Web Developer affiche le contrôle en mode de modification de modèle

3. Dans le modèle, ajoutez le texte HTML et les contrôles serveur que vous souhaitez.

4. Dans le modèle, utilisez l'une des trois méthodes suivantes pour modifier les contrôles que vous avez ajoutés, comme pour d'autres contrôles serveur Web :

   • Sélectionnez le contrôle, puis utilisez la fenêtre Propriétés, pour définir ses propriétés.

   • Liez des données à la propriété en utilisant la boîte de dialogue DataBinding. Pour plus d'informations, consultez Utilisation de la liaison de données avec les contrôles mobiles ASP.NET.

   • Double-cliquez sur un contrôle imbriqué pour créer un gestionnaire d'événements ItemCommand du contrôle conteneur. Les événements déclenchés par les contrôles imbriqués sont envoyés au conteneur. Pour plus d'informations, consultez Modèle d'événements du contrôle serveur Web ASP.NET.

5. Répétez les étapes 1 à 3 pour modifier d'autres modèles.

6. Pour finir, cliquez sur Terminer la modification du modèle dans la liste des tâches.

7. Définissez l'apparence des modèles individuels en définissant leurs propriétés de style. Pour plus d'informations, consultez Contrôles serveur Web ASP.NET et styles CSS.

Voir aussi

Concepts

Modèles de contrôles serveur Web ASP.NET

Vue d'ensemble des contrôles serveur Web ASP.NET

Contrôles serveur Web ASP.NET et styles CSS