Gewusst wie: Ermöglichen des Auswählens von Elementen in DataList-Webserversteuerelementen

  • Artikel

Aktualisiert: November 2007

Sie können festlegen, dass Benutzer im DataList-Webserversteuerelement einzelne Elemente auswählen können. Normalerweise wird ein Element durch die Auswahl visuell hervorgehoben. Zusätzlich können Sie für ein ausgewähltes Element unterschiedliche Informationen anzeigen.

So ermöglichen Sie Benutzern in einem DataList-Steuerelement die Auswahl von Elementen

  1. Erstellen Sie eine SelectedItemTemplate zur Definition des Layouts von Markup und Steuerelementen für ein ausgewähltes Element. Weitere Informationen finden Sie unter Vorlagen für ASP.NET-Webserver-Steuerelemente.

  2. Legen Sie die SelectedItemStyle-Eigenschaften des Steuerelements fest. Ausführliche Informationen finden Sie unter ASP.NET-Webserversteuerelemente und CSS-Formatvorlagen.

  3. Fügen Sie ein Button-Webserversteuerelement oder ein LinkButton-Webserversteuerelement zur ItemTemplate (und ggf. zur AlternatingItemTemplate) hinzu.

  4. Legen Sie die CommandName-Eigenschaft der Schaltfläche aus Schritt 3 auf select (Groß-/Kleinschreibung beachten) fest.

  5. Erstellen Sie einen Ereignishandler für das SelectedIndexChanged-Ereignis des DataList-Steuerelements. Rufen Sie im Ereignishandler die DataBind-Methode des Steuerelements auf, um die Informationen im Steuerelement zu aktualisieren. Der vollständige Code würde etwa folgendermaßen aussehen:

    Protected Sub DataList1_SelectedIndexChanged(ByVal sender As _
        System.Object, ByVal e As System.EventArgs) _
        Handles DataList1.SelectedIndexChanged
   DataList1.DataBind()
End Sub

    protected void DataList1_SelectedIndexChanged (object sender, 
    System.EventArgs e)
{
   DataList1.DataBind();
}

Legen Sie zum Abbrechen der Auswahl die SelectedIndex-Eigenschaft des Steuerelements auf -1 fest. Zu diesem Zweck können Sie der SelectedItem-Vorlage ein Button-Webserversteuerelement hinzufügen und dessen CommandName-Eigenschaft auf "unselect" festlegen. Das Click-Ereignis für diese Schaltfläche wird ebenso an das ItemCommand-Ereignis des DataGrid-Steuerelements weitergeleitet.

Der vollständige Code würde etwa folgendermaßen aussehen:

Protected Sub DataList1_ItemCommand(ByVal source As Object, _
        ByVal e As DataListCommandEventArgs) _
        Handles DataList1.ItemCommand
   If e.CommandName = "unselect" Then
      DataList1.SelectedIndex = -1
   End If
   DataList1.DataBind()
End Sub

Siehe auch

Referenz

Übersicht über das DataList-Webserversteuerelement