Comment : créer des modèles de contrôle Web ASP.NET de manière déclarative

  • Article

Mise à jour : novembre 2007

Les contrôles serveur Web tels que les contrôles Repeater, DataList et GridView vous permettent de spécifier des modèles, lesquels sont des éléments HTML qui définissent la disposition d'une partie particulière 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.

Remarque :

Pour des informations générales sur les modèles, consultez Modèles de contrôles serveur Web ASP.NET.

Pour créer un modèle de contrôle serveur Web à l'aide de la syntaxe ASP.NET

  1. Dans la page ASP.NET, insérez un élément à l'intérieur du contrôle pour identifier le modèle que vous créez, comme l'illustre l'exemple suivant :

    <asp:DataList id="DataList1" >
  <ItemTemplate>

  </ItemTemplate>
</asp:DataList>

    <asp:DataList id="DataList1" >
  <ItemTemplate>

  </ItemTemplate>
</asp:DataList>

  2. Dans l'élément de modèle, ajoutez du texte HTML et d'autres contrôles comme contenu du modèle. Incluez les valeurs de propriétés et de liaison de données pour les contrôles imbriqués à l'aide de la syntaxe normale, comme l'illustre l'exemple suivant :

    <asp:DataList id="DataList3" >
   <ItemTemplate>
    Name: <asp:Label ID="Label2"  
    Text='<%# DataBinder.Eval(Container, "DataItem.EmployeeName")%>'/>
   </ItemTemplate>
</asp:DataList>

    <asp:DataList id="DataList3" >
   <ItemTemplate>
    Name: <asp:Label ID="Label2"  
    Text='<%# DataBinder.Eval(Container, "DataItem.EmployeeName")%>'/>
   </ItemTemplate>
</asp:DataList>

  3. Répétez les étapes 1 et 2 pour chaque modèle que vous souhaitez créer.

    L'exemple suivant illustre une déclaration complète d'un contrôle serveur Web DataList avec des modèles simples déclarés pour les modèles Header, Item et Separator.

    <asp:datalist id="DataList2"  >
   <HeaderTemplate>
   Items matching your query: 
   </HeaderTemplate>
   <ItemTemplate>
   Name: <asp:Label id="Label1"  
     Text='<%# DataBinder.Eval(Container, "DataItem.EmployeeName")%>'></asp:Label>
   </ItemTemplate>
   <SeparatorTemplate>
     <br /><hr />
   </SeparatorTemplate>
</asp:datalist>

    <asp:datalist id="DataList2"  >
   <HeaderTemplate>
   Items matching your query: 
   </HeaderTemplate>
   <ItemTemplate>
   Name: <asp:Label id="Label1"  
     Text='<%# DataBinder.Eval(Container, "DataItem.EmployeeName")%>'></asp:Label>
   </ItemTemplate>
   <SeparatorTemplate>
     <br /><hr />
   </SeparatorTemplate>
</asp:datalist>

Voir aussi

Concepts

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

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