Exemplarische Vorgehensweise: Erstellen von Master-Detail-Webseiten in Visual Studio

Aktualisiert: November 2007

Auf vielen Webseiten werden Daten auf mehrere Weisen angezeigt. Dabei werden häufig Daten aus verknüpften Tabellen angezeigt. In dieser exemplarischen Vorgehensweise werden verschiedene Verfahren erläutert, um mit Daten in mehreren Steuerelementen und aus mehreren Tabellen zu arbeiten, darunter solchen, die eine Master-Detail-Beziehung aufweisen. Zu den Aufgaben in dieser exemplarischen Vorgehensweise gehören:

  • Füllen einer Dropdownliste mit Datenbankdaten.

  • Erstellen von Filtern – SQL-Anweisungen mit einer WHERE-Klausel (parametrisierte Abfragen).

  • Anzeigen von basierend auf der Auswahl des Benutzers in einer Dropdownliste gefilterten Daten.

  • Anzeigen von Details zu einem ausgewählten Datensatz mithilfe des DetailsView-Steuerelements.

  • Auswählen eines Datensatzes auf einer Seite und Anzeigen eines verknüpften Datensatzes auf einer zweiten Seite.

Vorbereitungsmaßnahmen

Für die Durchführung dieser exemplarischen Vorgehensweise benötigen Sie Folgendes:

  • Zugriff auf die Northwind-Datenbank in SQL Server. Informationen über das Herunterladen und Installieren der SQL Server-Beispieldatenbank Northwind finden Sie auf der Microsoft SQL Server-Website unter Installing Sample Databases.

    Hinweis:

    Wenden Sie sich an den Serveradministrator, wenn Sie Informationen zur Anmeldung an dem Computer benötigen, auf dem SQL Server ausgeführt wird.

  • Microsoft Data Access Components (MDAC), Version 2.7 oder höher.

    Wenn Sie Microsoft Windows XP oder Windows Server 2003 verwenden, verfügen Sie bereits über MDAC 2.7. Wenn Sie jedoch Microsoft Windows 2000 verwenden, müssen Sie möglicherweise die bereits auf dem Computer installierte Version von MDAC aktualisieren. Weitere Informationen finden Sie im Artikel "Microsoft Data Access Components (MDAC) Installation" in der MSDN Library.

Erstellen der Website

Wenn Sie bereits eine Website in Microsoft Visual Web Developer erstellt haben (z. B., indem Sie die Schritte in Exemplarische Vorgehensweise: Erstellen einer einfachen Webseite in Visual Web Developer oder in Exemplarische Vorgehensweise: Grundlegender Datenzugriff auf Webseiten ausgeführt haben), können Sie diese Website verwenden und zum nächsten Abschnitt, "Verbinden mit SQL Server", übergehen. Erstellen Sie andernfalls eine neue Website und eine neue Webseite, indem Sie folgende Schritte ausführen.

So erstellen Sie eine Dateisystem-Website

  1. Öffnen Sie Visual Web Developer.

  2. Klicken Sie im Menü Datei auf Neue Website.

    Das Dialogfeld Neue Website wird angezeigt.

  3. Klicken Sie unter Von Visual Studio installierte Vorlagen auf ASP.NET-Website.

  4. Geben Sie im Feld Speicherort den Namen des Ordners ein, in dem die Seiten der Website gespeichert werden sollen.

    Geben Sie zum Beispiel den Ordnernamen C:\WebSites ein.

  5. Klicken Sie in der Liste Sprachen auf die Programmiersprache, in der Sie arbeiten möchten.

  6. Klicken Sie auf OK.

    Visual Web Developer erstellt den Ordner und die neue Seite Default.aspx.

Verbinden mit SQL Server

Um mit Daten arbeiten zu können, müssen Sie eine Verbindung mit einer Datenbank herstellen. In dieser exemplarischen Vorgehensweise erstellen Sie eine Verbindung unabhängig von der Arbeit mit Webseiten oder Steuerelementen.

So stellen Sie eine Verbindung mit SQL Server her

  1. Drücken Sie STRG+ALT+S, um den Datenbank-Explorer anzuzeigen. Klicken Sie im Datenbank-Explorer mit der rechten Maustaste auf Datenverbindungen, und wählen Sie dann Verbindung hinzufügen aus.

    Das Dialogfeld Datenquelle ändern wird angezeigt.

  2. Wählen Sie im Dialogfeld Datenquelle ändern die Option Microsoft SQL Server aus, und klicken Sie auf OK.

  3. Gehen Sie im Dialogfeld Verbindung hinzufügen wie folgt vor:

    • Geben Sie den Namen des SQL Server-Computers ein, oder wählen Sie ihn aus. Geben Sie für einen Server auf Ihrem Computer (local) ein.

    • Wählen Sie SQL Server-Authentifizierung verwenden aus.

    • Geben Sie einen Benutzernamen und ein Kennwort ein.

    • Wählen Sie Kennwort speichern aus.

    • Wählen Sie Northwind als Datenbank aus.

  4. Klicken Sie auf Testverbindung, und wenn Sie sicher sind, dass sie funktioniert, klicken Sie auf OK.

    Die Verbindung wird dem Server-Explorer hinzugefügt.

Verwenden einer Dropdownliste als Master

In diesem Teil der exemplarischen Vorgehensweise fügen Sie einer Seite eine Dropdownliste hinzu und füllen diese mit einer Liste von Kategorien aus der Northwind-Tabelle. Wenn Benutzer eine Kategorie auswählen, werden auf der Seite die Produkte für diese Kategorie angezeigt.

So erstellen und füllen Sie eine Dropdownliste

  1. Wechseln Sie zur Seite Default.aspx, oder öffnen Sie sie. Wenn Sie mit einer Website arbeiten, die Sie bereits erstellt haben, fügen Sie eine Seite hinzu, oder öffnen Sie eine Seite, mit der Sie in dieser exemplarischen Vorgehensweise arbeiten können.

  2. Wechseln Sie in die Entwurfsansicht.

  3. Geben Sie auf der Seite Select Products By Category ein, und formatieren Sie den Text mithilfe der Dropdownliste Blockformat über der Toolbox als Überschrift.

  4. Ziehen Sie aus der Gruppe Standard der Toolbox ein DropDownList-Steuerelement auf die Seite.

  5. Aktivieren Sie in DropDownList-Aufgaben das Kontrollkästchen AutoPostBack aktivieren.

    Dadurch wird das Steuerelement so konfiguriert, dass die Seite bei jeder Auswahl aus der Liste ein Postback zum Server ausführt, anstatt darauf zu warten, dass der Benutzer auf eine Schaltfläche klickt.

  6. Wählen Sie in DropDownList-Aufgaben den Eintrag Datenquelle auswählen aus.

    Der Assistent Datenquelle auswählen wird gestartet.

  7. Klicken Sie in der Liste Datenquelle wählen auf <Neue Datenquelle>.

    Das Dialogfeld Assistent zum Konfigurieren von Datenquellen wird angezeigt.

  8. Wählen Sie Datenbank aus.

    Dies gibt an, dass Sie Daten aus einer Datenbank abrufen möchten, die SQL-Anweisungen unterstützt. (Dies schließt SQL Server und andere OLE DB-kompatible Datenbanken ein.)

    Im Feld ID für Datenquelle angeben wird ein Standardname für ein Datenquellen-Steuerelement (SqlDataSource1) angezeigt. Sie können diesen Namen beibehalten.

  9. Klicken Sie auf OK.

    Der Assistent zeigt die Seite Datenquelle konfigurieren - SqlDataSource1 an, auf der Sie eine Datenverbindung auswählen können.

  10. Wählen Sie in der Dropdownliste die Verbindung Northwind aus, die Sie weiter oben in der exemplarischen Vorgehensweise erstellt haben.

  11. Klicken Sie auf Weiter.

    Der Assistent zeigt eine Seite an, auf der Sie die Verbindungszeichenfolge in der Konfigurationsdatei speichern können.

  12. Vergewissern Sie sich, dass das Kontrollkästchen Ja, Verbindung speichern unter aktiviert ist, und klicken Sie dann auf Weiter. (Sie können den Namen der Standardverbindungszeichenfolge beibehalten.)

    Der Assistent zeigt eine Seite an, auf der Sie angeben können, welche Daten Sie aus der Datenbank abrufen möchten.

  13. Wählen Sie in der Liste Name unter Tabellenoptionen oder Ansichtsoptionen die Option Kategorien aus.

  14. Wählen Sie im Feld Spalten die Einträge CategoryID und CategoryName aus.

  15. Klicken Sie auf Weiter.

  16. Klicken Sie auf Testabfrage, um sicherzustellen, dass Sie die von Ihnen gewünschten Daten abrufen.

  17. Klicken Sie auf Fertig stellen.

    Der Assistent zum Konfigurieren von Datenquellen wird mit dem Namen des von Ihnen konfigurierten Datenquellen-Steuerelements angezeigt.

  18. Wählen Sie in der Liste Datenfeld zur Anzeige in DropDownList auswählen den Eintrag CategoryName aus.

    Hinweis:

    Wenn in der Liste keine Elemente angezeigt werden, klicken Sie auf den Link Schema aktualisieren.

    Dadurch wird angegeben, dass der Wert des Felds CategoryName als Text des Elements in der Dropdownliste angezeigt wird.

  19. In der Liste Datenfeld als Wert von DropDownList auswählen wählen Sie CategoryID aus.

    Dadurch geben Sie an, dass beim Auswählen eines Elements das Feld CategoryID als Wert des Elements zurückgegeben wird.

  20. Klicken Sie auf OK.

Testen Sie die Dropdownliste, bevor Sie fortfahren.

So testen Sie die Dropdownliste

  1. Drücken Sie STRG+F5, um die Seite auszuführen.

  2. Wenn die Seite angezeigt wird, überprüfen Sie die Dropdownliste.

  3. Wählen Sie eine Kategorie aus, um sicherzustellen, dass die Liste ein Postback ausführt.

    Sie können jetzt Produkte für die in der Dropdownliste ausgewählte Kategorie anzeigen.

Verwenden eines Rasters zum Anzeigen von Detailinformationen

Sie können jetzt die Seite erweitern, um ein Raster einzuschließen. Wenn Benutzer eine Auswahl in der Kategorien-Dropdownliste treffen, werden im Raster die Produkte für diese Kategorie angezeigt.

So zeigen Sie Detailinformationen in einem Raster an

  1. Wechseln Sie zur Seite Default.aspx (oder zu der Seite, mit der Sie gerade arbeiten), oder öffnen Sie sie, und wechseln Sie zur Entwurfsansicht.

  2. Ziehen Sie aus der Gruppe Data der Toolbox ein GridView-Steuerelement auf die Seite.

  3. Wählen Sie im Menü GridView-Aufgaben den Eintrag <Neue Datenquelle> in der Liste Datenquelle auswählen aus.

    Der Assistent zum Konfigurieren von Datenquellen wird geöffnet.

  4. Wählen Sie Datenbank aus.

    Im Feld ID für Datenquelle angeben wird ein Standardname für ein Datenquellen-Steuerelement (SqlDataSource2) angezeigt. Sie können diesen Namen beibehalten.

  5. Klicken Sie auf OK.

    Der Assistent zeigt eine Seite an, auf der Sie eine Verbindung auswählen können.

  6. Wählen Sie in der Dropdownliste mit den Verbindungen die Verbindung aus, die Sie zuvor in der exemplarischen Vorgehensweise erstellt und gespeichert haben (NorthwindConnectionString).

  7. Klicken Sie auf Weiter.

    Der Assistent zeigt die Seite Datenquelle konfigurieren - SqlDataSource2 an, auf der Sie eine SQL-Anweisung erstellen können.

  8. Wählen Sie in der Liste Name die Option Products aus.

  9. Im Feld Spalten wählen Sie ProductID, ProductName und CategoryID aus.

  10. Klicken Sie auf WHERE.

    Das Dialogfeld WHERE-Klausel hinzufügen wird angezeigt.

  11. Wählen Sie in der Liste Spalte den Eintrag CategoryID aus.

  12. Wählen Sie in der Liste Operator den Eintrag = aus.

  13. Wählen Sie in der Liste Quelle den Eintrag Steuerelement aus.

  14. Wählen Sie unter Parametereigenschaften in der Liste Steuerelement-ID den Eintrag DropDownList1 aus.

    Durch die letzten beiden Schritte wird angegeben, dass die Abfrage den Suchwert für die Kategorie-ID aus dem DropDownList-Steuerelement abruft, das Sie zuvor hinzugefügt haben.

  15. Klicken Sie auf Hinzufügen.

  16. Klicken Sie auf OK, um das Dialogfeld WHERE-Klausel hinzufügen zu schließen.

  17. Klicken Sie auf Weiter.

  18. Klicken Sie auf der Vorschauseite auf Testabfrage.

    Der Assistent zeigt ein Dialogfeld an, in dem Sie zur Eingabe eines in der WHERE-Klausel zu verwendenden Werts aufgefordert werden.

  19. Geben Sie im Feld 4 ein, und klicken Sie auf OK.

    Die Produktdatensätze für Kategorie 4 werden angezeigt.

  20. Klicken Sie auf Fertig stellen, um den Assistenten zu schließen.

Sie können jetzt die Master-Detail-Anzeige testen.

So testen Sie die Seite

  1. Drücken Sie STRG+F5, um die Seite auszuführen.

    Wenn die Seite angezeigt wird, werden Produkte aus dem ersten Element in der Dropdownliste angezeigt.

  2. Wählen Sie eine Kategorie in der Liste aus, und vergewissern Sie sich, dass die entsprechenden Produkte im Raster angezeigt werden.

Anzeigen von Master-Detail-Daten auf der gleichen Seite

In diesem Teil der exemplarischen Vorgehensweise zeigen Sie Daten aus verknüpften Tabellen auf einer Seite an. Die Mastertabellendaten werden in einem Raster angezeigt, aus dem Benutzer einzelne Zeilen auswählen können. Wenn sie dies tun, werden einer oder mehrere Detaildatensätze in einem bildlauffähigen Steuerelement an einer anderen Stelle auf der Seite angezeigt. Zu Demonstrationszwecken verwenden Sie die Tabelle Categories aus Northwind als Mastertabelle und die Tabelle Products als Detailtabelle.

So zeigen Sie die Masterdatensätze an

  1. Fügen Sie der Website eine neue Seite hinzu, und benennen Sie sie MasterDetails2.aspx.

  2. Wechseln Sie in die Entwurfsansicht.

  3. Geben Sie Master/Detail Page auf der Seite ein, und formatieren Sie den Text als Überschrift.

  4. Ziehen Sie aus der Gruppe Data der Toolbox ein GridView-Steuerelement auf die Seite.

  5. Klicken Sie im Menü GridView-Aufgaben in der Liste Datenquelle auswählen auf <Neue Datenquelle>, und konfigurieren Sie dann anhand dieser Schritte eine Datenquelle für das GridView-Steuerelement:

    1. Wählen Sie Datenbank aus.

    2. Klicken Sie auf OK.

    3. Wählen Sie in der Dropdownliste mit den Verbindungen die Verbindung aus, die Sie zuvor in der exemplarischen Vorgehensweise erstellt und gespeichert haben (NorthwindConnectionString).

    4. Klicken Sie auf Weiter.

    5. Wählen Sie in der Liste Name die Option Categories aus.

    6. Wählen Sie im Feld Spalten die Einträge CategoryID und CategoryName aus.

    7. Klicken Sie auf Weiter und anschließend auf Fertig stellen.

  6. Wählen Sie das GridView-Steuerelement aus, und wählen Sie im Menü GridView-Aufgaben die Option Spalten bearbeiten aus.

    Das Dialogfeld Felder wird angezeigt.

  7. Öffnen Sie unter Verfügbare Felder den Knoten Befehlsfeld, wählen Sie Auswählen aus, und klicken Sie dann auf Hinzufügen, um es der Liste Ausgewählte Felder hinzuzufügen.

  8. Wählen Sie in der Liste Ausgewählte Felder den Eintrag Auswählen aus, und legen Sie dann im Eigenschaftenraster CommandField seine SelectText-Eigenschaft auf Details fest.

  9. Klicken Sie auf OK, um das Dialogfeld Felder zu schließen.

    Dem Raster wird eine neue Spalte mit einem Link Details hinzugefügt.

  10. Wählen Sie das GridView-Steuerelement aus, und prüfen Sie im Eigenschaftenfenster, ob dessen DataKeyNames-Eigenschaft auf CategoryID festgelegt ist.

    Dadurch wird angegeben, dass ASP.NET beim Auswählen einer Zeile im Raster den Schlüssel des momentan angezeigten Categories-Datensatzes an einem bekannten Speicherort finden kann.

Mithilfe des Rasters können Sie eine einzelne Kategorie auswählen. Im nächsten Schritt fügen Sie das DetailsView-Steuerelement hinzu, in dem die Detaildatensätze angezeigt werden – d. h. die Produkte, die der ausgewählten Kategorie zugeordnet sind. Das DetailsView-Steuerelement verwendet zum Abrufen der Daten eine andere SQL-Abfrage. Deshalb ist ein zweites Datenquellen-Steuerelement erforderlich.

So konfigurieren Sie eine Abfrage zum Anzeigen verknüpfter Datensätze

  1. Drücken Sie die EINGABETASTE, um unter dem SqlDataSource1-Steuerelement auf der Seite MasterDetails2.aspx in der Detailansicht Platz zu schaffen.

  2. Ziehen Sie aus der Gruppe Data der Toolbox ein DetailsView-Steuerelement auf die Seite.

  3. Konfigurieren Sie es anhand der folgenden Schritte so, dass ein zweites Datenquellen-Steuerelement verwendet wird:

    1. Wählen Sie in der Liste Datenquelle auswählen den Eintrag <Neue Datenquelle> aus.

    2. Wählen Sie Datenbank aus.

    3. Klicken Sie auf OK.

    4. Klicken Sie in der Dropdownliste mit den Verbindungen auf die Verbindung, die Sie zuvor in der exemplarischen Vorgehensweise erstellt und gespeichert haben.

    5. Klicken Sie auf Weiter.

    6. Wählen Sie in der Liste Name unter Tabellenoptionen oder Ansichtsoptionen die Option Products aus.

    7. Im Feld Spalten wählen Sie ProductID, ProductName und CategoryID aus.

    8. Klicken Sie auf WHERE.

      Das Dialogfeld WHERE-Klausel hinzufügen wird angezeigt.

    9. Wählen Sie in der Liste Spalte den Eintrag CategoryID aus.

    10. Wählen Sie in der Liste Operator den Eintrag = aus.

    11. Wählen Sie in der Liste Quelle den Eintrag Steuerelement aus.

    12. Wählen Sie unter Parametereigenschaften in der Liste Steuerelement-ID den Eintrag GridView1 aus. Die Abfrage für das zweite Raster ruft ihren Parameterwert aus der Auswahl im ersten Raster ab.

    13. Klicken Sie auf Hinzufügen, und klicken Sie dann auf OK, um das Dialogfeld WHERE-Klausel hinzufügen zu schließen.

    14. Klicken Sie auf Weiter.

    15. Klicken Sie auf der Vorschauseite auf Testabfrage.

      Der Assistent zeigt ein Dialogfeld an, in dem Sie zur Eingabe eines in der WHERE-Klausel zu verwendenden Werts aufgefordert werden.

    16. Geben Sie im Feld 4 ein, und klicken Sie auf OK.

      Die Produktdatensätze für Kategorie 4 werden angezeigt.

    17. Klicken Sie auf Fertig stellen.

  4. Aktivieren Sie im Menü DetailsView-Aufgaben das Kontrollkästchen Paging aktivieren.

    Dadurch können Sie einen Bildlauf durch einzelne Produktdatensätze durchführen.

  5. Öffnen Sie optional im Eigenschaftenfenster den Knoten PagerSettings, und wählen Sie einen anderen Modus-Wert aus.

    Standardmäßig blättern Sie durch die Datensätze, indem Sie auf die Seitenzahl klicken. Sie können aber auch Optionen zum Verwenden der nächsten und der vorherigen Links auswählen.

Sie können jetzt die Kombination aus dem Masterraster und der Detailansicht testen.

So testen Sie die Seite

  1. Drücken Sie STRG+F5, um die Seite auszuführen.

  2. Wählen Sie im Raster eine Kategorie aus.

    Im DetailsView-Steuerelement wird ein dieser Kategorie zugeordnetes Produkt angezeigt.

  3. Verwenden Sie die Pagerlinks im DetailsView-Steuerelement, um zu anderen Produkten für die gleiche Kategorie zu navigieren.

  4. Wählen Sie im Raster eine andere Kategorie aus.

  5. Überprüfen Sie die Produkte für diese Kategorie im DetailsView-Steuerelement.

Anzeigen von Master-Detail-Daten auf getrennten Seiten

Im letzten Teil der exemplarischen Vorgehensweise erstellen Sie eine weitere Variation – das Anzeigen von Master- und Detaildatensätzen auf getrennten Seiten Die Masterdatensätze werden erneut in einem Raster angezeigt, das einen Link für jeden Datensatz enthält. Wenn Benutzer auf diesen Link klicken, navigieren sie zu einer zweiten Seite, auf der die Detaildatensätze in einem DetailsView-Steuerelement angezeigt werden, in dem der vollständige Produktdatensatz angezeigt wird.

So zeigen Sie die Masterdatensätze an

  1. Fügen Sie der Website eine neue Seite hinzu, und benennen Sie sie MasterCustomers.aspx.

  2. Wechseln Sie in die Entwurfsansicht.

  3. Geben Sie Customers auf der Seite ein, und formatieren Sie den Text als Überschrift.

  4. Ziehen Sie aus dem Ordner Data der Toolbox ein GridView-Steuerelement auf die Seite.

  5. Wählen Sie im Menü GridView-Aufgaben des Steuerelements <Neue Datenquelle> in der Liste Datenquelle auswählen aus, und führen Sie mithilfe des Assistenten Folgendes aus:

    • Klicken Sie auf Datenbank.

    • Stellen Sie eine Verbindung mit der Datenbank Northwind her (Verbindung NorthwindConnectionString).

    • Rufen Sie die Spalten CustomerID, CompanyName und City aus der Tabelle Customers ab.

  6. Aktivieren Sie optional im Kontextmenü GridView-Aufgaben das Kontrollkästchen Paging aktivieren.

  7. Wählen Sie im Menü GridView-Aufgaben den Eintrag Spalten bearbeiten aus.

    Das Dialogfeld Felder wird angezeigt.

  8. Deaktivieren Sie das Kontrollkästchen Felder automatisch generieren.

  9. Wählen Sie unter Verfügbare Felder den Eintrag Linkfeld aus, klicken Sie auf Hinzufügen, und legen Sie dann die folgenden Eigenschaften fest:

    Eigenschaft

    Wert

    Text

    Details

    DatahrefFields

    CustomerID

    Dies gibt an, dass der Link seinen Wert aus der Spalte CustomerID abrufen soll.

    DatahrefFormatString

    DetailsOrders.aspx?custid={0}

    Damit wird ein fest programmierter Link erstellt, mit dem Sie zur Seite DetailsOrders.aspx navigieren können. Dieser Link übergibt auch die Abfragezeichenfolgen-Variable custid, deren Wert unter Verwendung der Spalte gefüllt wird, auf die in der DatahrefFields-Eigenschaft verwiesen wird.

  10. Klicken Sie auf OK, um das Dialogfeld Felder zu schließen.

Sie können jetzt die Detailseite erstellen, die einen Wert aus der Masterseite annimmt.

So erstellen Sie die Detailseite

  1. Fügen Sie der Website eine neue Seite hinzu, und benennen Sie sie DetailsOrders.aspx.

  2. Wechseln Sie in die Entwurfsansicht.

  3. Geben Sie Orders auf der Seite ein, und formatieren Sie den Text als Überschrift.

  4. Ziehen Sie aus dem Ordner Data der Toolbox ein GridView-Steuerelement auf die Seite.

  5. Wählen Sie im Menü GridView-Aufgaben des Steuerelements <Neue Datenquelle> in der Liste Datenquelle auswählen aus.

  6. Klicken Sie in der Liste Datenquellentyp wählen auf Datenbank, und klicken Sie dann auf OK.

  7. Wählen Sie in der Verbindungsliste die Verbindung aus, die Sie zuvor in der exemplarischen Vorgehensweise erstellt und gespeichert haben (NorthwindConnectionString).

  8. Klicken Sie auf Weiter.

    Der Assistent zeigt eine Seite an, auf der Sie eine SQL-Anweisung erstellen können.

  9. Wählen Sie in der Liste Name die Option Orders aus.

  10. Im Feld Spalten wählen Sie OrderID, CustomerID und OrderDate aus.

  11. Klicken Sie auf WHERE.

  12. Wählen Sie in der Liste Spalten den Eintrag CustomerID aus.

  13. Wählen Sie in der Liste Operatoren den Eintrag = aus.

  14. Wählen Sie in der Liste Quelle den Eintrag QueryString aus.

    Dies gibt an, dass die Abfrage die Datensätze basierend auf dem mit der Abfragezeichenfolge an die Seite übergebenen Wert auswählt.

  15. Geben Sie unter Parametereigenschaften im Feld QueryString-Feld die Zeichenfolge custid ein.

    Die Abfrage ruft den Wert der Kunden-ID aus der Abfragezeichenfolge ab, die erstellt wird, wenn Sie auf einen Details-Link auf der Seite MasterCustomers.aspx klicken.

  16. Klicken Sie auf Hinzufügen.

  17. Klicken Sie auf OK, um das Dialogfeld WHERE-Klausel hinzufügen zu schließen.

  18. Klicken Sie auf Weiter, und klicken Sie dann auf Fertig stellen, um den Assistenten zu schließen.

  19. Ziehen Sie aus dem Knoten Standard der Toolbox ein Hyperlink-Steuerelement auf die Seite. Legen Sie seine Text-Eigenschaft auf Return to Customers und seine href-Eigenschaft auf MasterCustomers.aspx fest.

Sie können jetzt die verknüpften Master-Detail-Seiten testen.

So testen Sie die Seiten

  1. Wechseln Sie zur Seite MasterCustomers.aspx.

  2. Drücken Sie STRG+F5, um die Seite auszuführen.

  3. Klicken Sie auf den Link Details für einen Kunden.

    Im Browser wird die Seite DetailsOrders.aspx mit der Bestellung für den ausgewählten Kunden angezeigt. Beachten Sie die URL im Adressfeld des Browsers:

    DetailsOrder.aspx?custid=x
    

    Dabei ist x die ID des ausgewählten Kunden.

  4. Klicken Sie auf den Link Return to Customers, wählen Sie einen anderen Kunden aus, und klicken Sie erneut auf den Link Details, um zu testen, ob die Bestellungen für einen beliebigen Kunden angezeigt werden.

Nächste Schritte

In dieser exemplarischen Vorgehensweise wurden verschiedene Möglichkeiten zum Anzeigen von Daten aus verknüpften Tabellen veranschaulicht. Alle Szenarien haben eines gemeinsam: Sie basieren auf einer parametrisierten Abfrage, und die Parameterwerte können zur Laufzeit automatisch an die Abfrage übergeben werden. Sie können noch weitere Möglichkeiten zur Verwendung von verknüpften Daten testen. Auf diese Weise können Sie beispielsweise folgende Vorgänge durchführen:

Siehe auch

Konzepte

Übersicht über Datenquellensteuerelemente

Ändern von Daten mit Datenquellensteuerelementen