Gewusst wie: Binden an Daten in einem vorlagenbasierten Steuerelement in Visual Studio

Článek
10/22/2014

Aktualisiert: November 2007

Sie können einem Steuerelement, z. B. dem Steuerelement GridView, DetailsView, FormView, ListView, DataList oder Repeater, ein Datenquellensteuerelement zuordnen, z. B. das Steuerelement LinqDataSource, ObjectDataSource oder SqlDataSource. Sie können auch mithilfe der Vorlagen für das jeweilige Steuerelement (die Steuerelemente ListView, DataList, Repeater und FormView erfordern Vorlagen) die Datendarstellung auf der benutzerdefinierten Benutzeroberfläche (UI) im Designer anpassen.

In diesem Thema wird erläutert, wie einer Vorlage UI-Steuerelemente, z. B. ein TextBox-Steuerelement, hinzugefügt werden und wie die Steuerelemente an bestimmte Daten gebunden werden.

So binden Sie ein Vorlagensteuerelement an eine Datenquelle

Erstellen Sie auf der Seite eine gültige Datenquelle, z. B. das SqlDataSource-Steuerelement, und beachten Sie den Wert der ID-Eigenschaft.

Beispiel:
```
<asp:SqlDataSource ID="SqlDataSource1" Runat="server" 
  SelectCommand="SELECT CustomerID, CompanyName FROM Customers"
  ConnectionString="<%$ 
    ConnectionStrings:NorthwindConnectionString %>">
</asp:SqlDataSource>
```
Weitere Informationen über die Verwendung eines SqlDataSource-Steuerelements mit der Datenbank finden Sie unter Übersicht über das SqlDataSource-Webserversteuerelement.
Ziehen Sie aus der Gruppe Data der Toolbox ein DataList-Steuerelement auf die Seite.

Das Kontextmenü DataList-Aufgaben wird angezeigt.
- Wenn das Kontextmenü DataList-Aufgaben nicht angezeigt wird, klicken Sie mit der rechten Maustaste auf das DataList-Steuerelement, und klicken Sie dann auf Smarttag anzeigen.

Klicken Sie in der Liste Datenquelle auswählen auf das in Schritt 1 erstellte SqlDataSource-Steuerelement.

Bei der Wiedergabe der Seite wird das Steuerelement mit allen Spalten und Daten aus der Abfrage ohne Anpassung angezeigt. Je nach den Daten wird das DataList-Steuerelement mit gebundenen Standardfeldern angezeigt, wie im folgenden Codebeispiel veranschaulicht:

<asp:DataList ID="DataList1" runat="server" 
    DataKeyField="CustomerID" 
    DataSourceID="SqlDataSource1">
  <ItemTemplate>
    CustomerID:
    <asp:Label ID="CustomerIDLabel" runat="server" 
        Text='<%# Eval("CustomerID") %>'>
    </asp:Label><br />
    CompanyName:
    <asp:Label ID="CompanyNameLabel" runat="server" 
        Text='<%# Eval("CompanyName") %>'>
    </asp:Label><br />
    <br />
  </ItemTemplate>
</asp:DataList>

So bearbeiten Sie die Vorlagen für das Steuerelement

Klicken Sie in der Entwurfsansicht mit der rechten Maustaste auf das DataList-Steuerelement, und klicken Sie dann auf Smarttag anzeigen.
Klicken Sie im Menü DataList-Aufgaben auf Vorlagen bearbeiten.

Sie können jetzt Vorlagen im Designer bearbeiten. Sie können andere Steuerelemente auf die Vorlage ziehen, die später gebunden werden sollen.
Klicken Sie in der Liste Anzeige auf AlternatingItemTemplate (andere Steuerelemente unterstützen andere Vorlagen).
Geben Sie im AlternatingItemTemplate-Entwurfsbereich CustomerID: ein, und ziehen Sie dann in der Toolbox aus der Gruppe Standard ein T:System.Web.UI.WebControls.Label-Steuerelement auf das DataList-Steuerelement.
Klicken Sie im Menü Label-Aufgaben auf Datenbindungen bearbeiten.
Klicken Sie im Dialogfeld Label-Name DataBindings unter Bindbare Eigenschaften auf Text.
Klicken Sie in der Liste Gebunden an unter Bindung für Text auf CustomerID.
Wiederholen Sie die Schritte 4 bis 7 für CompanyName.
Wählen Sie im AlternatingItemTemplate-Entwurfsbereich den gesamten Inhalt aus, und drücken Sie dann STRG+B, um den Text fett zu formatieren.
Klicken Sie mit der rechten Maustaste auf das DataList-Steuerelement, und klicken Sie dann auf Smarttag anzeigen.
Klicken Sie auf Vorlagenbearbeitung beenden, um den Vorlagenbearbeitungsmodus zu beenden.

Wenn die Seite im Browser angezeigt wird, wird die Firmenliste im Wechsel als Nur-Text und fett formatiert angezeigt.

Siehe auch

Aufgaben

Exemplarische Vorgehensweise: Grundlegender Datenzugriff auf Webseiten

Konzepte

Übersicht über Datenquellensteuerelemente

Übersicht über das SqlDataSource-Webserversteuerelement

Sdílet prostřednictvím