WPF带多选复选框ListBox批量移动选中项问题求助

问题根源 #

1. 原代码用SelectedItem绑定单个CharModel属性，只能获取一个选中项，导致每次仅能移动一项。
2. 直接将绑定目标改为ObservableCollection<CharModel>无效，因为SelectedItem仅支持绑定单个对象，无法绑定集合。

最优解决方案（MVVM友好） #

1. 修改CharModel，添加选中状态属性 #

给数据模型增加IsSelected属性并实现INotifyPropertyChanged，让复选框直接绑定到模型自身的选中状态：

public class CharModel : INotifyPropertyChanged
{
    private char _char;
    public char Char
    {
        get => _char;
        set { _char = value; OnPropertyChanged(); }
    }

    private string _description;
    public string Description
    {
        get => _description;
        set { _description = value; OnPropertyChanged(); }
    }

    private bool _isSelected;
    public bool IsSelected
    {
        get => _isSelected;
        set { _isSelected = value; OnPropertyChanged(); }
    }

    public event PropertyChangedEventHandler PropertyChanged;
    protected void OnPropertyChanged([CallerMemberName] string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

2. 更新视图绑定 #

移除ListBox的SelectedItem、SelectedIndex绑定，将复选框的IsChecked直接绑定到模型的IsSelected属性：

<ListBox ItemsSource="{Binding Chars}">
    <ListBox.ItemTemplate>
        <DataTemplate>
            <Grid HorizontalAlignment="Stretch">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*" />
                    <ColumnDefinition Width="*" />
                    <ColumnDefinition Width="*" />
                </Grid.ColumnDefinitions>
                <TextBlock Text="{Binding Char}" HorizontalAlignment="Center" />
                <TextBlock Text="{Binding Description}" Grid.Column="1" HorizontalAlignment="Left"/>
                <CheckBox Grid.Column="2" IsChecked="{Binding IsSelected, Mode=TwoWay}" HorizontalAlignment="Right" />
            </Grid>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

3. 修改ViewModel的移动命令 #

筛选出所有IsSelected为true的项，批量移动到目标集合（注意先转成列表，避免遍历过程中集合修改引发异常）：

// ViewModel中的集合定义
public ObservableCollection<CharModel> Chars { get; set; } = new ObservableCollection<CharModel>();
public ObservableCollection<CharModel> TestChars { get; set; } = new ObservableCollection<CharModel>();

// 移动命令实现
MoveChar = new RelayCommand(
    () =>
    {
        // 先获取所有选中项并转为列表，防止遍历原集合时修改导致异常
        var selectedItems = Chars.Where(item => item.IsSelected).ToList();
        
        foreach (var item in selectedItems)
        {
            TestChars.Add(item);
            Chars.Remove(item);
            item.IsSelected = false; // 重置选中状态
        }
    });

备选方案（依赖View实例） #

如果不想修改数据模型，可通过直接访问ListBox的SelectedItems来处理，但不符合MVVM原则：

1. 给ListBox添加命名：

<ListBox x:Name="CharListBox" SelectionMode="Multiple" ItemsSource="{Binding Chars}">
    <!-- 原ItemTemplate代码不变 -->
</ListBox>

2. 更新ViewModel命令：

MoveChar = new RelayCommand(
    () =>
    {
        var selectedItems = CharListBox.SelectedItems.Cast<CharModel>().ToList();
        foreach (var item in selectedItems)
        {
            TestChars.Add(item);
            Chars.Remove(item);
        }
        CharListBox.SelectedItems.Clear();
    });

内容的提问来源于stack exchange，提问作者madPatas