Wpf CheckedListbox - 如何获取所选项目

Question

我使用以下代码在 xaml 中创建了 CheckedListbox：

                    <ListBox Height="340" ItemsSource="{Binding Sections}" SelectedItem="{Binding SelectedSection}">
                    <ListBox.ItemTemplate>
                        <DataTemplate>
                            <CheckBox IsChecked="{Binding IsChecked}" Content="{Binding Path=Item}" />
                        </DataTemplate>
                    </ListBox.ItemTemplate>
                </ListBox>

它绑定到这个集合：

public ObservableCollection<CheckedListItem<String>> Sections { get; set; }
private CheckedListItem<String> _selectedSection;
public CheckedListItem<String> SelectedSection
    {
        get { return _selectedSection; }
        set 
        {
            _selectedSection = value; 
            RaisePropertyChanged("SelectedSection"); 
        }
    }

CheckedListItem 类如下所示：

    public class CheckedListItem<T> : INotifyPropertyChanged
    {
    public event PropertyChangedEventHandler PropertyChanged;

    private bool isChecked;
    private T item;

    public CheckedListItem()
    { }

    public CheckedListItem(T item, bool isChecked = false)
    {
        this.item = item;
        this.isChecked = isChecked;
    }

    public T Item
    {
        get { return item; }
        set
        {
            item = value;
            if (PropertyChanged != null) PropertyChanged(this, new PropertyChangedEventArgs("Item"));
        }
    }


    public bool IsChecked
    {
        get { return isChecked; }
        set
        {
            isChecked = value;
            if (PropertyChanged != null) PropertyChanged(this, new PropertyChangedEventArgs("IsChecked"));
        }
    }
}

我尝试在 _selectedSection = value 中设置断点；部分代码，但当我选择/取消选择 CheckedListBox 中的项目时，它永远不会被触发。

我的问题是如何在每次选择/取消选择时获取所选项目？

谢谢

Answer 1

将您的 XAML 更改为

<ListBox Height="340" ItemsSource="{Binding Sections}" SelectedItem="{Binding SelectedSection}">
    <ListBox.ItemTemplate>
        <DataTemplate>
            <ListBoxItem IsSelected="{Binding IsChecked}">
                <CheckBox IsChecked="{Binding IsChecked}" Content="{Binding Path=Item}" />
            </ListBoxItem>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

您可能正在单击checkbox 内的实际textblock 控件或不会触发selectionchanged 的square 控件listbox。如果您尝试在矩形边界之外单击，请说出whitespace，那么它将触发。

如果您只想将checkbox 作为数据模板，因为您想根据checkbox IsChecked 属性选择/取消选择listboxitem'，这将是更多的工作。因此，只需将其包裹在 ListBoxItem 中，您就可以开始使用了。

Answer 2

我的解决方案（基于上述Suplanus和lll解决方案）：

<ListBox ItemsSource="{Binding Checkboxes}" SelectionMode="Multiple">
    <ListBox.ItemContainerStyle>
        <Style TargetType="ListBoxItem">
            <Setter Property="IsSelected" Value="{Binding Checked, Mode=TwoWay}" />
        </Style>
    </ListBox.ItemContainerStyle>
    <ListBox.ItemTemplate>
        <DataTemplate>
            <CheckBox IsChecked="{Binding Checked, Mode=TwoWay}" Content="{Binding Label}"/>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

我设置了 ListBoxItem IsSelected 属性通过样式（因为标准的 lll's 方式效果不佳）！在这种情况下，当 CheckBox 被选中时，ListBoxItem 被选中，反之亦然。在这种情况下，SelectionMode 也很有效。您可以在 Single SelectionMode 中添加 SelectedItem（或类似属性）

<!-- xaml -->
SelectedItem="{Binding SelectedCheckbox}" SelectionMode="Single"
// cs
public CheckboxData SelectedCheckbox { get; set; }

或者甚至更好，直接在后面的代码（例如您的 ViewModel）中使用 ItemsSource（在这种情况下为 Checkboxes 集合）。

背后的代码（例如）：

public partial class MainWindow : Window
{
    public class CheckboxData
    {
        public int Id { get; set; }
        public string Label { get; set; }
        public bool Checked { get; set; }
    }

    public MainWindow()
    {
        DataContext = this;
        for (int i = 0; i < 50; i++)
            Checkboxes.Add(new CheckboxData { Id = i, Label = $"Checkbox {i}" });
    }

    public IList<CheckboxData> Checkboxes { get; set; } = new List<CheckboxData>();
}

注意：
如果您想从代码后面更改 Checkboxes 集合（或选定项）（并反映 UI 中的更改），您必须实现 INotifyPropertyChanged 并在集合（或选定项）已更改时通知（字面意思是，当对象已重新创建）。

Answer 3

我认为更好的解决方案是不在 ListboxItem 中声明，因为 Hover 上的选择显示在 Checkbox 上。

 <ListBox ItemsSource="{Binding Customers}" >
        <ListBox.ItemTemplate>
            <DataTemplate>
                <CheckBox IsChecked="{Binding IsChecked}" Content="{Binding Path=Item.Name}" /> 
            </DataTemplate>
        </ListBox.ItemTemplate>
    </ListBox> 

Answer 4

我找到了以下可行的解决方案：

<ListBox Height="340" ItemsSource="{Binding Sections}" SelectedItem="{Binding SelectedSection}">
                    <ListBox.ItemTemplate>
                        <DataTemplate>
                            <CheckBox Content="{Binding Path=Item}" IsChecked="{Binding Path=IsSelected, RelativeSource={RelativeSource AncestorType={x:Type ListBoxItem}}}"/>
                        </DataTemplate>
                    </ListBox.ItemTemplate>
                </ListBox>

Answer 5

我绑定到 Dictionary 并且上述解决方案均无效。从a question about ListView with checked items 得到启发，我能够想出以下内容，这似乎就像人们希望的那样 - 包括能够从 lstMyEnumTypes.SelectedItems 中获取选定的项目。

<ListBox x:Name="lstMyEnumTypes" Grid.Row="1" MinHeight="100" VerticalAlignment="Stretch" ItemsSource="{Binding MyEnumsDict}"
  SelectedValuePath="Value" SelectionMode="Multiple">
  <ListBox.ItemTemplate>
    <DataTemplate>
      <CheckBox IsChecked="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=ListBoxItem}, Path=IsSelected}"
        Content="{Binding Path=Key}"/>
    </DataTemplate>
  </ListBox.ItemTemplate>
</ListBox>