Abbildung 11.7 Ein GridView-Steuerelement wurde unter dem AccessDataSource-Steuerelement
eingefügt
Wie Sie sehen, zeigt das GridView-Steuerelement mithilfe von Musterdaten eine Vorschau seines Layouts an. Es verfügt außerdem wie das AccessDataSource-Steuerelement über ein Aufgabenmenü.
Besonders wichtig ist hier das Listenfeld neben Datenquelle auswählen. Dort geben Sie an, mit welcher Datenquelle das GridView-Steuerelement verknüpft werden soll. In unserem Fall ist dies natürlich das AccessDataSource-Steuerelement, das zwischen der Access-Datenbank und der ASP.NET-Seite vermittelt. Wählen Sie somit im Listenfeld neben Datenquelle auswählen den Namen unseres AccessDataSource-Steuerelements aus, der AccessDataSource1 lautet.
Nach Ihrer Auswahl verändert sich die Layoutvorschau des GridView-Steuerelements. Es führt nun die Spaltenüberschriften unserer Datenbanktabelle CD_DATEN auf. Die Verknüpfung war somit erfolgreich.
Paging, Sortieren und Auswahl
Auch das Aufgabenmenü hat sich verändert. Im unteren Bereich finden Sie nun drei Kontrollkästchen namens Paging aktivieren, Sortieren aktivieren und Auswahl aktivieren. Die Paging-Funktionalität sollten Sie aktivieren, wenn Ihre Datenbank sehr umfangreich ist und nicht alle Datensätze auf einer Seite angezeigt werden können. Das GridView-Steuerelement unterteilt die Datenbank dann in mehrere Seiten, durch die Sie blättern können.
Soll der Besucher der Seite über die Möglichkeit verfügen, die im GridView-Steuerelement angezeigten Daten sortieren zu lassen, aktivieren Sie die Option Sortieren aktivieren. Die Spaltenüberschriften können dann vom Besucher angeklickt werden, um die Tabellendaten nach der angeklickten Spalte zu sortieren.
Wenn Sie das Kontrollkästchen vor Auswahl aktivieren auswählen, kann der Besucher einzelne Zeilen der Tabelle mit einem Mausklick auswählen. Auf diese Weise könnte der Besucher z.B. ein Produkt auswählen, das er kaufen möchte.
Für unser Beispiel müssen Sie keines dieser Kontrollkästchen aktivieren.
GridView automatisch formatieren
In seiner jetzigen Form sieht das GridView-Steuerelement ein wenig langweilig und farblos aus. Ändern Sie dies, indem Sie im Aufgabenmenü auf den Eintrag AutoFormat klicken.
Das folgende Dialogfeld führt verschiedene Layout-Schemata auf, die Sie auf das GridView-Steuerelement anwenden können. Klicken Sie im Listenfeld unter Schema auswählen beispielsweise auf das Schema Klassisch. Das Feld unter Vorschau zeigt Ihnen daraufhin, wie die Tabelle mit diesem Schema dargestellt wird. Übernehmen Sie Ihre Einstellungen mit einem Klick auf die Schaltfläche OK.
Die Datenbankseite in der Vorschau
Die ASP.NET-Seite ist zwar noch nicht fertig gestellt, aber Sie können schon einmal einen Blick darauf werfen. Schließlich müsste bereits eine Tabelle mit den Datenbankdaten zu sehen sein. Speichern Sie die Seite also, und drücken Sie die Taste (F12), um die Browservorschau zu aktivieren. Das Ergebnis ist in Abbildung 11.8 dargestellt.
Abbildung 11.8 Die Abfrage der Datenbank funktioniert
Schließen Sie das Browserfenster und kehren Sie zur Entwurfsansicht von Expression Web 2 zurück.