Exemplarische Vorgehensweise: Einfache Sortierung für das GridView-Webserver-Steuerelement

Aktualisiert: November 2007

Mit der integrierten Sortierfunktion des GridView-Steuerelements in ASP.NET können Sie einspaltige Sortierung für Ihre Daten hinzufügen, ohne dass Sie dazu Code erstellen müssen.

In dieser exemplarischen Vorgehensweise wird Folgendes erläutert:

• Aktivieren der integrierten Sortierfunktion des GridView-Steuerelements.

Vorbereitungsmaßnahmen

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

• Microsoft Visual Web Developer (Visual Studio).

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

• Einen Benutzernamen und ein Kennwort für ein SQL Server-Konto, das Zugriff auf die Datenbank Northwind hat.

• 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 unter "Microsoft Data Access Components (MDAC) Installation" in der MSDN Library.

Erstellen der Website und der Webseite

Erstellen Sie eine neue Website, indem Sie die folgenden Schritte ausführen.

So erstellen Sie eine Dateisystem-Website

1. Öffnen Sie Visual Web Developer.

2. Klicken Sie im Menü Datei auf Neu, und klicken Sie anschließend auf Website. Wenn Sie Visual Web Developer Express verwenden, klicken Sie im Menü Datei auf NeueWebsite.

   Das Dialogfeld Neue Website wird angezeigt.

3. Wählen Sie unter Von Visual Studio installierte Vorlagen die Option ASP.NET-Website aus.

4. Wählen Sie im Feld Speicherort die Option Dateisystem aus, und geben Sie den Namen des Ordners ein, in dem Sie die Seiten der Website aufbewahren möchten.

   Geben Sie z. B. den Ordnernamen C:\WebSites\SimpleSort ein.

5. Klicken Sie in der Liste Sprache auf Visual Basic oder auf Visual C#.

6. Klicken Sie auf OK.

   Visual Web Developer erstellt den Ordner und eine neuen Seite mit dem Namen Default.aspx.

Anzeigen von Daten im GridView-Steuerelement

In diesem Abschnitt fügen Sie der Seite ein GridView-Steuerelement hinzu und konfigurieren es so, dass es Daten aus der Tabelle Customers in der Northwind-Datenbank anzeigt.

So zeigen Sie Daten im GridView-Steuerelement an

1. Wechseln Sie zur Datei Default.aspx, oder öffnen Sie sie.

2. Wechseln Sie in die Entwurfsansicht.

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

4. Klicken Sie im Menü GridView-Aufgaben in der Dropdownliste Datenquelle auswählenauf <Neue Datenquelle>.

   Der Assistent zum Konfigurieren von Datenquellen wird angezeigt.

5. Klicken Sie auf Datenbank.

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

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

7. Klicken Sie auf OK.

   Der Assistent zum Konfigurieren der Datenquelle wird angezeigt.

8. Klicken Sie auf Neue Verbindung.

   Das Dialogfeld Verbindung hinzufügen wird angezeigt.

   • Wenn in der Liste Datenquelle der Eintrag Microsoft SQL Server (SqlClient) nicht angezeigt wird, klicken Sie auf Ändern, und wählen Sie im Dialogfeld Datenquelle wechseln den Eintrag Microsoft SQL Server aus.

   • Wenn die Seite Datenquelle auswählen angezeigt wird, wählen Sie in der Liste Datenquelle den Typ der zu verwendenden Datenquelle aus. Für diese exemplarische Vorgehensweise ist der Datenquellentyp Microsoft SQL Server. Klicken Sie in der Liste Datenanbieter auf .NET Framework-Datenanbieter für SQL Server, und klicken Sie danach auf Weiter.

9. Geben Sie im Feld Servername den Namen des SQL Server-Computers ein.

10. Wählen Sie im Abschnitt Beim Server anmelden die Option aus, die für Ihre SQL Server-Konfiguration geeignet ist (Windows-Authentifizierung oder eine bestimmte ID und ein bestimmtes Kennwort).

11. Geben Sie einen Benutzernamen und ein Kennwort ein, falls erforderlich.

12. Wählen Sie im Feld Wählen Sie einen Datenbanknamen aus, oder geben Sie ihn ein die Option Northwind aus.

13. Klicken Sie auf die Schaltfläche Testverbindung, um die Verbindung zu prüfen. Wenn Sie sicher sind, dass die Verbindung erfolgreich hergestellt wurde, klicken Sie auf OK.

    Sie gelangen zurück zum Datenquelle konfigurieren - SqlDataSource1-Assistenten, in dem die Konfigurationsinformationen eingetragen werden.

14. Klicken Sie auf Weiter.

    Der Assistent zeigt eine Seite an, auf der Sie die Möglichkeit haben, die Verbindungszeichenfolge in der Konfigurationsdatei zu speichern. Das Speichern der Verbindungszeichenfolge in der Konfigurationsdatei hat zwei Vorteile:

    • Es ist sicherer als das Speichern auf der Seite.

    • Sie können dieselbe Verbindungszeichenfolge auf mehreren Seiten wiederverwenden.

15. Vergewissern Sie sich, dass das Kontrollkästchen Ja, diese Verbindung speichern als 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.

16. Wählen Sie unter Spalten von einer Tabelle oder Ansicht angeben in der Dropdownliste Name die Option Customers aus.

17. Aktivieren Sie unter Spalten die Kontrollkästchen CustomerID, CompanyName und City.

    Der Assistent zeigt die SQL-Anweisung an, die Sie in einem Feld am unteren Rand der Seite erstellen.

    Hinweis:
    Mit dem Assistenten können Sie Auswahlkriterien (WHERE-Klauseln) und andere SQL-Abfrageoptionen angeben. Für diese exemplarische Vorgehensweise erstellen Sie eine einfache Anweisung ohne Auswahloptionen oder Sortieroptionen.

18. Klicken Sie auf Weiter.

19. Klicken Sie auf Testabfrage, um sicherzustellen, dass Sie die gewünschten Daten abrufen.

20. Klicken Sie auf Fertig stellen.

    Der Assistent erstellt ein SqlDataSource-Steuerelement und fügt es der Seite hinzu. Das zuvor hinzugefügte GridView-Steuerelement wird an das SqlDataSource-Steuerelement gebunden. Wenn Sie die Eigenschaften für das SqlDataSource-Steuerelement betrachten, sehen Sie, dass der Assistent Werte für die ConnectionString-Eigenschaft und die SelectQuery-Eigenschaft erstellt hat.

21. Klicken Sie mit der rechten Maustaste auf das GridView-Steuerelement, klicken Sie auf Smarttag anzeigen, und klicken Sie dann im Menü GridView-Aufgaben auf Sortieren aktivieren.

    Die Spaltenüberschriften im GridView-Steuerelement werden in Links umgewandelt.

Sie können die Seite jetzt testen.

So testen Sie die Seite

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

   Das GridView-Steuerelement wird mit den Spalten CustomerID, CompanyName und City angezeigt.

2. Klicken Sie auf eine Spaltenüberschrift, um die Tabelle nach dem Inhalt dieser Spalte zu sortieren.

3. Klicken Sie erneut auf eine Spalte, um zwischen aufsteigender und absteigender Sortierreihenfolge zu wechseln.

Nächste Schritte

Sie können auch für ein GridView-Steuerelement eine mehrspaltige Sortierung aktivieren. Weitere Informationen hierzu finden Sie unter Sortieren von Daten in einem GridView-Webserversteuerelement.

Siehe auch

Konzepte

Sortieren von Daten in einem GridView-Webserversteuerelement

Referenz

Übersicht über das GridView-Webserversteuerelement