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

  • Artikel

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