Gewusst wie: Erstellen von Vorlagen für Webserver-Steuerelemente mithilfe des Designers

  • Artikel

Aktualisiert: November 2007

Mit den Webserversteuerelementen GridView, DetailsView, FormView, DataList und Repeater können Sie Vorlagen angeben und das Markup und die Serversteuerelemente zur Definition eines Teils 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.

In diesem Thema wird beschrieben, wie Sie mit dem Designer Vorlagen erstellen können. Sie können Vorlagen direkt in Visual Web Developer erstellen. Informationen zum Erstellen von Vorlagen mithilfe der ASP.NET-Syntax finden Sie unter Gewusst wie: Deklaratives Erstellen von Vorlagen für ASP.NET-Websteuerelemente. Hintergrundinformationen zu Vorlagen finden Sie unter Vorlagen für ASP.NET-Webserver-Steuerelemente.

Hinweis:

Datenbindungssyntax, die in einem <textarea>-HTML-Element in einer Vorlage platziert wird, wird HTML-codiert, wenn Sie die Vorlage mit dem Designer bearbeiten. Wenn Sie z. B. die Vorlage mit dem Designer bearbeiten, wird <textarea id="TextArea1"><%# Eval("Description") %><textarea> automatisch in <textarea id="TextArea1">&lt;%# Eval("Description") %&gt;<textarea> geändert. Alternativ können Sie ein <textarea>-HTML-Element rendern, indem Sie ein TextBox-Steuerelement an das Datenfeld binden und anschließend die TextMode-Eigenschaft des TextBox-Steuerelements auf MultiLine festlegen.

So erstellen Sie eine Vorlage in Visual Web Developer

  1. Ziehen Sie in der Entwurfsansicht ein GridView-Steuerelement auf die Entwurfsoberfläche.

    Die Aufgabenliste des GridView-Steuerelements wird neben dem neuen GridView-Steuerelement angezeigt.

  2. Klicken Sie in der Aufgabenliste auf Vorlage bearbeiten, und wählen Sie dann die Vorlage aus, die Sie bearbeiten möchten.

    In Visual Web Developer wird das Steuerelement im Vorlagenbearbeitungsmodus angezeigt.

  3. Fügen Sie in der Vorlage den gewünschten HTML-Text und die gewünschten Serversteuerelemente hinzu.

  4. Verwenden Sie in der Vorlage eine der folgenden drei Methoden, um die hinzugefügten Steuerelemente genauso wie andere Webserver-Steuerelemente zu bearbeiten:

    • Wählen Sie das Steuerelement aus, und legen Sie dann im Eigenschaftenfenster die Eigenschaften fest.

    • Binden Sie Daten an die Eigenschaft, indem Sie das Dialogfeld DataBinding verwenden. Weitere Informationen finden Sie unter Verwenden der Datenbindung mit ASP.NET Mobile-Steuerelementen.

    • Doppelklicken Sie auf ein eingebettetes Steuerelement, um einen ItemCommand-Ereignishandler für das Containersteuerelement zu erstellen. Von eingebetteten Steuerelementen ausgelöste Ereignisse werden an den Container gesendet. Ausführliche Informationen finden Sie unter Ereignismodell für ASP.NET-Webserversteuerelemente.

  5. Wiederholen Sie die Schritte 1 bis 3, um weitere Vorlagen zu bearbeiten.

  6. Um den Vorgang zu beenden, klicken Sie in der Aufgabenliste auf Vorlagenbearbeitung beenden.

  7. Legen Sie die Darstellung einzelner Vorlagen fest, indem Sie ihre Formateigenschaften festlegen. Ausführliche Informationen finden Sie unter ASP.NET-Webserversteuerelemente und CSS-Formatvorlagen.

Siehe auch

Konzepte

Vorlagen für ASP.NET-Webserver-Steuerelemente

Übersicht über ASP.NET-Webserversteuerelemente

ASP.NET-Webserversteuerelemente und CSS-Formatvorlagen