Gewusst wie: Deklaratives Erstellen von Vorlagen für ASP.NET-Websteuerelemente

Aktualisiert: November 2007

Mit Webserversteuerelementen, z. B. Repeater, DataList und GridView, können Sie Vorlagen angeben. Vorlagen sind HTML-Elemente, die das Layout für einen bestimmten Teil des Steuerelements definieren. Sie können z. B. im GridView-Steuerelement Vorlagen für Elemente, ausgewählte Elemente, abwechselnde Elemente usw. definieren und somit die Darstellung jedes dieser Elemente festlegen.

Hinweis:
Hintergrundinformationen über Vorlagen finden Sie unter Vorlagen für ASP.NET-Webserver-Steuerelemente.

So erstellen Sie eine Vorlage für Webserversteuerelemente mithilfe der ASP.NET-Syntax

1. Fügen Sie in der ASP.NET-Seite dem Steuerelement ein Element hinzu, das die Vorlage bestimmt, die Sie erstellen. Verfahren Sie wie im folgenden Beispiel:

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

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

2. Fügen Sie im Vorlagenelement HTML-Text und weitere Steuerelemente als Inhalt der Vorlage hinzu. Fügen Sie Eigenschaften- und Datenbindungswerte für die eingebetteten Steuerelemente mithilfe von normaler Syntax ein. Verfahren Sie wie im folgenden Beispiel:

   <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. Wiederholen Sie die Schritte 1 und 2 für jede Vorlage, die erstellt werden soll.

   Das folgende Beispiel zeigt eine vollständige Deklaration für ein DataList-Webserversteuerelement mit einfachen Vorlagen, die für die Vorlagen Header, Item und Separator deklariert wurden.

   <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>
   

Siehe auch

Konzepte

Vorlagen für ASP.NET-Webserver-Steuerelemente

Übersicht über ASP.NET-Webserversteuerelemente