Gewusst wie: Aktivieren von Standardauswahl im GridView-Webserversteuerelement
Aktualisiert: November 2007
Das ASP.NET-GridView-Steuerelement hat eine integrierte Auswahlfunktionalität, mit der Benutzer eine Zeile im Datenblatt auswählen können. Das Auswählen einer Zeile in einem GridView-Steuerelement ist standardmäßig mit keiner Aktion verbunden. Allerdings können Sie dem Datenblatt mit der Auswahlfunktionalität weitere Funktionalität hinzufügen, die ausgelöst wird, wenn Benutzer auf eine bestimmte Zeile zeigen. Dem GridView-Steuerelement wird z. B. für folgende Anwendungsmöglichkeiten die Auswahlfunktionalität hinzugefügt:
Wenn Benutzer eine Zeile auswählen, erhält diese ein anderes Aussehen.
Wenn Benutzer eine Zeile auswählen, werden die zugehörigen Daten an einer anderen Stelle auf der Seite angezeigt, z. B. in einem DetailsView-Steuerelement.
Mit der SelectedRow-Eigenschaft können Sie auf die ausgewählte Zeile zugreifen.
Um benutzerdefinierte Aktionen auszuführen, wenn ein Benutzer eine Zeile auswählt, stellen Sie einen Handler für das SelectedIndexChanging-Ereignis bereit.
Prozeduren
So aktivieren Sie die Auswahl mit dem Smarttag
Klicken Sie in der Entwurfsansicht mit der rechten Maustaste auf das GridView-Steuerelement, und klicken Sie dann auf Smarttag anzeigen.
Wählen Sie im Smarttagbereich Auswahl aktivieren.
So aktivieren Sie die Standardauswahl mit der AutoGenerateSelectButton-Eigenschaft
Wählen Sie das GridView-Steuerelement aus, und legen Sie im EigenschaftenfensterAutoGenerateSelectButton auf true fest.
– oder –
Legen Sie in der Entwurfsansicht im <asp:GridView>-Element das AutoGenerateSelecttButton-Attribut auf true fest:
<asp:GridView Runat="server" ID="GridView1" AutoGenerateSelectButton="true" />
So passen Sie das Aussehen einer Zeile im Auswahlmodus an
Legen Sie Eigenschaften für SelectedRowStyle fest.
Wenn Sie beispielsweise die untergeordnete BackColor-Eigenschaft von SelectedRowStyle auf grau festlegen, wird die ausgewählte Zeile mit einem grauen Hintergrund angezeigt.
So passen Sie den Befehlstext der Select-Schaltfläche an
Klicken Sie in der Entwurfsansicht mit der rechten Maustaste auf das GridView-Steuerelement, und klicken Sie dann auf Smarttag anzeigen.
Klicken Sie auf Spalten bearbeiten.
Das Dialogfeld Felder wird angezeigt.
Klicken Sie unter Ausgewählte Felder auf Select.
Die Feldeigenschaften werden ins Eigenschaftenraster geladen.
Geben Sie unter CommandField-Eigenschaften Text für die Select-Schaltfläche in der SelectText-Eigenschaft ein.
So ändern Sie den Befehlstext der Select-Schaltfläche in ein Bild
Klicken Sie in der Entwurfsansicht mit der rechten Maustaste auf das GridView-Steuerelement, und klicken Sie dann auf Smarttag anzeigen.
Klicken Sie auf Spalten bearbeiten.
Das Dialogfeld Felder wird angezeigt.
Klicken Sie unter Ausgewählte Felder auf Select.
Die Feldeigenschaften werden ins Eigenschaftenraster geladen.
Geben Sie unter CommandField-Eigenschaften die URL für das Bild ein, das Sie für die Select-Schaltfläche im SelectImageUrl-Feld verwenden möchten, oder wählen Sie eine URL aus.
Wählen Sie unter CommandField-Eigenschaften Bild im ButtonType-Feld aus.
Klicken Sie auf OK.
So zeigen Sie die ausgewählte Zeile in einem DetailsView-Steuerelement an
Kopieren Sie das Datenquellen-Steuerelement, das an das GridView-Steuerelement gebunden ist, und fügen Sie eine Kopie des Datenquellen-Steuerelements auf der Seite ein.
Klicken Sie in der Entwurfsansicht mit der rechten Maustaste auf das Datenquellen-Steuerelement, und klicken Sie auf Smarttag anzeigen.
Klicken Sie auf Datenquelle konfigurieren....
Prüfen Sie, ob das Feld Welche Datenverbindung soll die Anwendung für die Verbindung mit der Datenbank verwenden? auf die gleiche Verbindung festgelegt ist wie die vom GridView-Steuerelement verwendete Verbindung.
Klicken Sie auf Next.
Aktivieren Sie die Option Spalten von einer Tabelle oder Ansicht angeben.
Überprüfen Sie in der Dropdown-Liste Name, dass dieselbe Tabelle, die an das GridView-Steuerelement gebunden ist, ausgewählt ist.
Wählen Sie unter Spalten die Tabellenspalten aus, im DetailsView-Steuerelement angezeigt werden sollen.
Klicken Sie auf die Schaltfläche WHERE....
Das Fenster WHERE-Klausel hinzufügen wird geöffnet.
Wählen Sie in der Dropdownliste Spalte den Spaltennamen aus, der in der WHERE-Klausel verwendet werden soll. Diese Spalte sollte ein Primärschlüssel für die Tabelle sein oder nur eindeutige Werte zum Identifizieren der ausgewählten Zeile enthalten.
Wählen Sie in der Dropdownliste Quelle den Eintrag Steuerelement aus.
Wählen Sie in der Dropdownliste Steuerelement-ID die ID des GridView-Steuerelements aus.
Klicken Sie auf Hinzufügen.
Klicken Sie auf OK und dann auf Weiter und schließlich auf Fertig stellen.
Klicken Sie mit der rechten Maustaste auf das DetailsView-Steuerelement, und klicken Sie dann auf Smarttag anzeigen.
Wählen Sie in der Dropdownliste Datenquelle auswählen das Datenquellen-Steuerelement aus, das Sie gerade konfiguriert haben.
Siehe auch
Konzepte
Ändern von Daten in einem GridView-Webserversteuerelement