ListBox mit single wählen und auch abzuwählen, klicken Sie auf...?

Brauche ich eine listbox, wählt auf den ersten klicken und un-wählt, die auf der zweiten auf, so dass kein oder nur ein Element ausgewählt ist jederzeit möglich.

Das selektieren/deselektieren erfolgt in der listbox (mit SelectionMode="Single"), wenn Sie halten Sie Strg gedrückt, aber leider hat keiner meiner Benutzer werden erwartet, zu wissen, dass.

Mit SelectionMode="Multiple" wir haben genau die Funktionalität, die ich will, außer, dass Sie können wählen Sie mehr als einen Artikel...

Mehr hintergrund:
Ich möchten, dass der Benutzer zunächst wählen Sie die installation anmelden, dann geben Sie die Anmeldeinformationen (und einige andere Entscheidungen)

Dies zu erreichen, benutzt habe ich eine listbox mit dem ausbau der Inhalte. Hilfe für den ausbau habe ich auf der linken Seite des listboxitem aus einem Dreieck, das nach rechts weist, wenn die unerwartete, die Kurven nach unten zeigen, wenn Sie ausgewählt haben die listbox-Element.

Also zunächst der Benutzer finden Sie in der Liste über die Anlagen, und dann, wenn er entschieden hat das Element er will, indem Sie es auswählen, das listboxitem erweitert, um den rest der Informationen, die er eingeben muss. Es ist ganz nett und funktioniert gut, aber die Tests berichten, dass Sie wollen eine zweite, klicken Sie auf das Dreieck, um die Auswahl aufzuheben (und damit Zusammenbruch der erweiterte Abschnitt). Und ich muss zugeben, dass ich die geklickt haben ¤%& Pfeil zu der Erwartung, dass die Aktion zu einem Zusammenbruch... 🙁

Jemand hat eine Idee, wie dies erreicht werden kann (vorzugsweise ohne code hinter)?

InformationsquelleAutor der Frage Tor Thorbergsen | 2011-02-28

11

versuchen:

verwenden Sie ein ToggleButton wie der "Expander" auf den detaillierten Inhalt.
Die "IsChecked" - Eigenschaft des toggle-Taste, die Sie binden können, um die IsSelected-Eigenschaft des Elements

hier der code:
```
<ListBox SelectionMode="Single">
   <ListBox.ItemsSource>
      <x:Array Type="{x:Type sys:String}">
         <sys:String>test1</sys:String>
         <sys:String>test2</sys:String>
         <sys:String>test3</sys:String>
         <sys:String>test4</sys:String>
         <sys:String>test5</sys:String>
         <sys:String>test6</sys:String>
      </x:Array>
   </ListBox.ItemsSource>
   <ListBox.ItemTemplate>
      <DataTemplate>
         <StackPanel Orientation="Horizontal">
            <ToggleButton IsChecked="{Binding 
                          RelativeSource={RelativeSource FindAncestor, 
                          AncestorType={x:Type ListBoxItem}},
                          Path=IsSelected}"
            >btn</ToggleButton>
         </StackPanel>
      </DataTemplate>
   </ListBox.ItemTemplate>
</ListBox>
```
wie es funktioniert:
In der Listbox kann nur ein Element ausgewählt werden. Wie wählen wir ein Element der Toggler wird erweitert, die Ursache für seinen IsChecked gebunden ist ListBoxItem.IsSelected (ListBoxItem ist eine Steuerung, die bekommt umwickelt, um den Inhalt der einzelnen Elemente) seiner Eltern ListBoxItem.
Als die selectionMode ist single, sobald ein anderes Element wird ausgewählt, passiert Folgendes:
- Deaktivieren Sie das tatsächlich ausgewählte Element
- Durch die Bindung der Toggler wird nicht aktiviert zu
- Wählen Sie das neue Element
- die Neuen Elemente toggler wird aktiviert durch seine Bindung
und wenn nur die tatsächlich ausgewählte Element ist toggler wird deaktiviert das Element hebt sich durch die Bindung...

InformationsquelleAutor der Antwort fixagon

Den gemeinsamen Weg, dies zu tun ist, um SelectionMode - Modus zu Multiple und dann deaktivieren Sie alle Elemente, aber die neu gewählten in der SelectionChanged Veranstaltung.

Finden Sie unter den links Folgen

Hier ist eine Angehängte Verhalten, das dies tut, die verwendet werden können, wie dies

<ListBox local:ListBoxSelectionBehavior.ClickSelection="True"
         ...>

ListBoxSelectionBehavior

public static class ListBoxSelectionBehavior 
{
    public static readonly DependencyProperty ClickSelectionProperty = 
        DependencyProperty.RegisterAttached("ClickSelection", 
                                            typeof(bool),
                                            typeof(ListBoxSelectionBehavior),
                                            new UIPropertyMetadata(false, OnClickSelectionChanged));
    public static bool GetClickSelection(DependencyObject obj) 
    {
        return (bool)obj.GetValue(ClickSelectionProperty); 
    }
    public static void SetClickSelection(DependencyObject obj, bool value) 
    {
        obj.SetValue(ClickSelectionProperty, value); 
    }
    private static void OnClickSelectionChanged(DependencyObject dpo, 
                                                             DependencyPropertyChangedEventArgs e) 
    {
        ListBox listBox = dpo as ListBox;
        if (listBox != null) 
        { 
            if ((bool)e.NewValue == true) 
            {
                listBox.SelectionMode = SelectionMode.Multiple;
                listBox.SelectionChanged += OnSelectionChanged;
            } 
            else 
            {
                listBox.SelectionChanged -= OnSelectionChanged;
            } 
        } 
    }
    static void OnSelectionChanged(object sender, SelectionChangedEventArgs e)
    {
        if (e.AddedItems.Count > 0)
        {
            ListBox listBox = sender as ListBox;
            var valid = e.AddedItems[0];
            foreach (var item in new ArrayList(listBox.SelectedItems))
            {
                if (item != valid)
                {
                    listBox.SelectedItems.Remove(item);
                }
            }
        }
    }
}

InformationsquelleAutor der Antwort Fredrik Hedblad

Meine Lösung ListBox SelectionMode auf Mehrere add-Methode forbidSelectionButOne Ereignis Klicken und nach, dass nur ein ausgewähltes Element wie folgt:

Private Sub forbidSelectionButOne(sender As Object, e As MouseButtonEventArgs)
    Dim lv As ListView = TryCast(sender, ListView)
    If lv IsNot Nothing Then
        If lv.SelectedIndex <> getCausesListViewItemIndex(sender, e) Then
            lv.SelectedIndex = getCausesListViewItemIndex(sender, e)
            e.Handled = True
        End If
        lv.Focus()
    End If
End Sub

Und helfende Funktion zu finden, ListViewItem, auf die geklickt wurde mit der Maus:

Private Function getCausesListViewItemIndex(ByVal sender As Object, e As RoutedEventArgs) As Integer
    Dim dep As DependencyObject = TryCast(e.OriginalSource, DependencyObject)
    Do While dep IsNot Nothing AndAlso Not TypeOf (dep) Is ListViewItem
        dep = VisualTreeHelper.GetParent(dep)
    Loop
    If dep Is Nothing Then
        Return -1
    Else
        Dim lv As ListView = TryCast(sender, ListView)
        If lv IsNot Nothing Then
            Dim i As Integer = lv.ItemContainerGenerator.IndexFromContainer(dep)
            Return i
        Else
            Return -1
        End If
    End If
End Function

InformationsquelleAutor der Antwort Aave

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.