Exemplarische Vorgehensweise: Ändern von Daten mit dem ListView-Webserversteuerelement

Artikel
09/03/2008

Aktualisiert: November 2007

Das ASP.NET-ListView-Steuerelement enthält integrierte Funktionen, mit denen Benutzer Datensätze ohne weitere Programmierung einfügen, bearbeiten oder löschen können.

In dieser exemplarischen Vorgehensweise wird erläutert, wie mithilfe des ListView-Steuerelements Daten angezeigt und aktualisiert werden. Dabei wird ein SqlDataSource-Steuerelement verwendet, um Ergebnisse aus der Datenquelle abzurufen und Aktualisierungen zu verwalten. Das SqlDataSource-Steuerelement fungiert als Datenquelle für das ListView-Steuerelement.

In dieser exemplarischen Vorgehensweise werden u. a. folgende Aufgaben veranschaulicht:

Anzeigen der von der Datenbank im ListView-Steuerelement zurückgegebenen Daten.
Hinzufügen der Funktion zum Bearbeiten, Einfügen und Löschen von Datensätzen zum ListView-Steuerelement.

Vorbereitungsmaßnahmen

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

Visual Studio 2008 oder Visual Web Developer 2008 Express Edition.
Zugriff auf die AdventureWorks-Datenbank in SQL Server. Informationen über das Herunterladen und Installieren der SQL Server-Beispieldatenbank AdventureWorks finden Sie auf der Microsoft SQL Server-Website unter Installing Sample Databases for Express Editions.

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 AdventureWorks-Datenbank hat.

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

Erstellen der Website

Wenn Sie bereits eine Website (beispielsweise mithilfe der Exemplarische Vorgehensweise: Erstellen einer einfachen Webseite in Visual Web Developer) erstellt haben, können Sie diese verwenden und zum nächsten Abschnitt übergehen. Erstellen Sie andernfalls eine neue Website, indem Sie folgende Schritte ausführen:

So erstellen Sie eine Dateisystem-Website

Öffnen Sie Visual Studio 2008 oder Visual Web Developer 2008 Express Edition.
Klicken Sie im Menü Datei auf Neu, und klicken Sie anschließend auf Website. Wenn Sie Visual Web Developer 2008 Express Edition verwenden, klicken Sie im Menü Datei auf NeueWebsite.

Das Dialogfeld Neue Website wird angezeigt.
Klicken Sie unter Von Visual Studio installierte Vorlagen auf ASP.NET-Website.
Wählen Sie im ersten Feld Speicherort die Option Dateisystem aus, und geben Sie im zweiten Feld den Namen des Ordners ein, in dem Sie die Seiten der Website speichern möchten.

Geben Sie z. B. den Ordnernamen C:\WebSites\ModifyData ein.
Wählen Sie in der Liste Sprache die Programmiersprache aus, in der Sie arbeiten möchten.
Klicken Sie auf OK.

Visual Studio erstellt den Ordner und eine neue Seite mit dem Namen Default.aspx.

Benutzern mit dem ListView-Steuerelement die Möglichkeit zum Ändern von Daten geben

In diesem Abschnitt fügen Sie der Seite ein ListView-Steuerelement hinzu und konfigurieren es so, dass Daten aus der Tabelle Department der AdventureWorks-Datenbank angezeigt und bearbeitet werden können.

So zeigen Sie Daten an und ändern diese im ListView-Steuerelement

Wenn die Website nicht bereits über den Ordner App_Data verfügt, klicken Sie im Projektmappen-Explorer mit der rechten Maustaste auf das Projekt, klicken Sie auf ASP.NET-Ordner hinzufügen und dann auf App_Data.
Klicken Sie mit der rechten Maustaste im Projektmappen-Explorer auf den Ordner App_Data, und klicken Sie dann auf Vorhandenes Element hinzufügen.

Das Dialogfeld Vorhandenes Element hinzufügen wird angezeigt.

Geben Sie den Speicherort der AdventureWorks-Datenbankdatei (AdventureWorks_Data.mdf) ein.

Standardmäßig ist die MDF-Datei im Pfad C:\Programme\Microsoft SQL Server\MSSQL.1\MSSQL\Data\AdventureWorks_Data.mdf installiert.

Hinweis:
Dieser Vorgang erstellt eine Kopie der Datenbankdatei im Projekt. Allerdings ist die Datenbankdatei groß. Wenn es nicht möglich ist, die Datenbank zu kopieren, gibt es alternative Methoden zum Verbinden, wie das direkte Anfügen der Datenbankdatei. Dieses Verfahren wird jedoch nicht in dieser exemplarischen Vorgehensweise behandelt.

Wechseln Sie zur Datei Default.aspx, oder öffnen Sie sie.
Wechseln Sie zur Ansicht Entwurf.
Ziehen Sie aus der Registerkarte Daten der Toolbox ein ListView-Steuerelement auf die Seite.
Klicken Sie im Menü AllgemeineListView-Aufgaben in der Dropdownliste Datenquelleauswählen auf <Neue Datenquelle...>. In der folgenden Abbildung ist das Menü AllgemeineListView-Aufgaben dargestellt.

Der Assistent zum Konfigurieren von Datenquellen wird angezeigt. In der folgenden Abbildung ist der Assistent zum Konfigurieren von Datenquellen dargestellt.
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.
Im Feld ID für Datenquelle angeben wird ein Standardname für ein Datenquellen-Steuerelement (SqlDataSource1) angezeigt. Sie können diesen Namen beibehalten.
Klicken Sie auf OK.

Der Assistent zum Konfigurieren der Datenquelle wird angezeigt.
Wählen Sie in der Liste unter Über welche Datenverbindung soll die Anwendung eine Verbindung mit der Datenbank herstellen den Eintrag AdventureWorks_Data.mdf aus.
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 kann sicherer sein als das Speichern auf der Seite.
- Sie können die gleiche Verbindungszeichenfolge auf mehreren Seiten verwenden.
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 Datenquelle konfigurieren wird angezeigt. Hier können Sie die Daten angeben, die Sie aus der Datenbank abrufen möchten.

Aktivieren Sie die Option Benutzerdefinierte SQL-Anweisung oder gespeicherte Prozedur angeben. In der folgenden Abbildung ist der Assistent Datenquelle konfigurieren dargestellt.

Hinweis:
In der Regel ist die Option Spalten von einer Tabelle oder Ansicht angeben zu verwenden. Da die Datenbank AdventureWorks Schemanamen hat, werden Sie in dieser exemplarischen Vorgehensweise eine benutzerdefinierte SQL-Anweisung erstellen.

Klicken Sie auf Weiter.
Geben Sie auf der Seite Benutzerdefinierte Anweisungen oder gespeicherte Prozeduren definieren die folgende SQL-Abfrage ein, die Department-Daten von der AdventureWorks-Datenbank abruft.
```
SELECT  DepartmentID, Name, GroupName 
FROM    HumanResources.Department
```
Sie können auch auf Abfrage-Generator klicken und Abfrage-Generator verwenden, um eine Abfrage zu erstellen und mit der Schaltfläche Abfrage ausführen zu überprüfen.
Klicken Sie auf die Registerkarte UPDATE, und geben Sie dann die folgende SQL-Abfrage ein, um Department-Daten in der AdventureWorks-Datenbank zu aktualisieren.
```
UPDATE HumanResources.Department 
SET    Name = @Name, GroupName = @GroupName 
WHERE  (DepartmentID = @DepartmentID)
```
Klicken Sie auf die Registerkarte INSERT, und geben Sie dann die folgende SQL-Abfrage ein, um Department-Daten in die AdventureWorks-Datenbank einzufügen.
```
INSERT INTO HumanResources.Department(Name, GroupName)
VALUES (@Name, @GroupName)
```
Klicken Sie auf die Registerkarte DELETE, und geben Sie dann die folgende SQL-Abfrage ein, um Department-Daten aus der AdventureWorks-Datenbank zu löschen.
```
DELETE FROM HumanResources.Department WHERE (DepartmentID = @DepartmentID)
```
Klicken Sie auf Weiter.
Klicken Sie auf Testabfrage, um sicherzustellen, dass Sie die von Ihnen gewünschten Daten abrufen.
Klicken Sie auf Fertig stellen.

Der Assistent erstellt ein SqlDataSource-Steuerelement und fügt es der Seite hinzu. Das zuvor hinzugefügte ListView-Steuerelement wird an das SqlDataSource-Steuerelement gebunden.
Klicken Sie mit der rechten Maustaste auf das ListView-Steuerelement, und klicken Sie dann auf Smarttag anzeigen.
Klicken Sie im Menü ListView-Aufgaben auf ListView konfigurieren.

Das Dialogfeld ListView konfigurieren wird angezeigt.
Aktivieren Sie unter Optionen die Kontrollkästchen Bearbeiten aktivieren, Einfügen aktivieren und Löschen aktivieren. Die folgende Abbildung zeigt das Dialogfeld ListView konfigurieren.

Hinweis:

Eventuell möchten Sie zudem einen anderen Stil auswählen, der die Anzeige der Daten verbessert. Wählen Sie dazu unter Stil auswählen ein Format z. B. Farbig aus.
Klicken Sie auf OK. Das konfigurierte ListView -Steuerelement könnte wie die folgende Abbildung aussehen.

Hinweis:
Eventuell möchten Sie zudem einen anderen Stil auswählen, der die Anzeige der Daten verbessert. Wählen Sie dazu unter Stil auswählen ein Format z. B. Farbig aus.

Nun kann das ListView-Steuerelement getestet werden.

So testen Sie die Seite

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

Das ListView-Steuerelement wird mit den Spalten für DepartmentID, Name und GroupName angezeigt.
Klicken Sie auf die Schaltfläche Bearbeiten, um einen Datensatz in der Tabelle zu ändern.
Ändern Sie die Werte, und klicken Sie dann auf Aktualisieren oder auf Abbrechen, um den Bearbeitungsvorgang abzubrechen.
Geben Sie unten auf der Seite Werte für die Felder Name und GroupName ein, und klicken Sie auf Einfügen, um einen neuen Datensatz einzufügen.
Klicken Sie auf die Schaltfläche Löschen für den soeben eingefügten Datensatz, um diesen aus der Datenbank zu löschen.

Nächste Schritte

In dieser exemplarischen Vorgehensweise wurden die grundlegenden Schritte zur Verwendung eines ListView-Steuerelements zum Anzeigen und Bearbeiten von Datensätzen mit einem benutzerdefinierten Layout veranschaulicht. Mit dem ListView-Steuerelement können Sie auch anspruchsvollere Formatierung ausführen, als Sie dies in dieser exemplarischen Vorgehensweise getan haben. Andere Szenarien, in denen das ListView-Steuerelement verwendet werden kann, finden Sie unter Übersicht über das ListView-Webserversteuerelement.