WPF中使用MVVM模式获取绑定复选框选中值的问题

1. 数据模型设计不当：直接用string[]存储ID，无法为每个ID项绑定独立的选中状态，导致CheckBox的选择状态无法同步到ViewModel。
2. CheckBox绑定错误：当前绑定的是ListViewItem的IsSelected，而非数据模型的属性，状态无法持久化到数据层。
3. MVVM模式未贯彻：提交按钮使用后台Click事件而非命令，破坏了View与ViewModel的解耦，且无法直接从ViewModel获取选中数据。
4. ViewModel冗余属性：IsSelected、BindingCheckBox等属性与实际需求不匹配，未起到数据同步作用。

1. 重构数据模型 #

新增ExampleId类包装每个ID项，使其拥有独立的选中状态：

namespace DataBinding_WPF.Model
{
    public class ExampleId : INotifyPropertyChanged
    {
        private string _value;
        private bool _isSelected;

        public string Value
        {
            get => _value;
            set
            {
                if (_value != value)
                {
                    _value = value;
                    RaisePropertyChanged(nameof(Value));
                }
            }
        }

        public bool IsSelected
        {
            get => _isSelected;
            set
            {
                if (_isSelected != value)
                {
                    _isSelected = value;
                    RaisePropertyChanged(nameof(IsSelected));
                }
            }
        }

        public event PropertyChangedEventHandler PropertyChanged;
        private void RaisePropertyChanged(string propertyName)
        {
            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
        }
    }

    public class Example : INotifyPropertyChanged
    {
        private string _name;
        private ObservableCollection<ExampleId> _ids;

        public string Name
        {
            get => _name;
            set
            {
                if (_name != value)
                {
                    _name = value;
                    RaisePropertyChanged(nameof(Name));
                }
            }
        }

        public ObservableCollection<ExampleId> IDs
        {
            get => _ids;
            set
            {
                if (_ids != value)
                {
                    _ids = value;
                    RaisePropertyChanged(nameof(IDs));
                }
            }
        }

        public event PropertyChangedEventHandler PropertyChanged;
        private void RaisePropertyChanged(string propertyName)
        {
            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
        }
    }
}

2. 更新ViewModel #

移除冗余属性，添加ICommand实现提交逻辑，修正数据加载方法：

namespace DataBinding_WPF.ViewModel
{
    public class ExampleViewModel : INotifyPropertyChanged
    {
        public ObservableCollection<Example> Examples { get; set; }

        private Example _selectedItem;
        public Example SelectedItem
        {
            get => _selectedItem;
            set
            {
                _selectedItem = value;
                RaisePropertyChanged(nameof(SelectedItem));
            }
        }

        // 提交命令
        public ICommand SubmitCommand { get; }

        public ExampleViewModel()
        {
            SubmitCommand = new RelayCommand(ExecuteSubmit);
            LoadExample();
        }

        private void ExecuteSubmit()
        {
            // 获取当前选中Example下所有勾选的ID项
            if (SelectedItem != null)
            {
                var selectedIds = SelectedItem.IDs.Where(id => id.IsSelected).Select(id => id.Value).ToList();
                // 在这里处理选中的ID，比如打印、保存等
                foreach (var id in selectedIds)
                {
                    Debug.WriteLine($"选中的ID: {id}");
                }
            }
        }

        public void LoadExample()
        {
            Examples = new ObservableCollection<Example>
            {
                new Example
                {
                    Name = "Mark",
                    IDs = new ObservableCollection<ExampleId>
                    {
                        new ExampleId { Value = "123", IsSelected = false },
                        new ExampleId { Value = "456", IsSelected = false }
                    }
                },
                new Example
                {
                    Name = "Sally",
                    IDs = new ObservableCollection<ExampleId>
                    {
                        new ExampleId { Value = "789", IsSelected = false },
                        new ExampleId { Value = "101112", IsSelected = false }
                    }
                }
            };
        }

        public event PropertyChangedEventHandler PropertyChanged;
        private void RaisePropertyChanged(string propertyName)
        {
            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
        }
    }

    // 基础RelayCommand实现
    public class RelayCommand : ICommand
    {
        private readonly Action _execute;
        private readonly Func<bool> _canExecute;

        public RelayCommand(Action execute, Func<bool> canExecute = null)
        {
            _execute = execute ?? throw new ArgumentNullException(nameof(execute));
            _canExecute = canExecute;
        }

        public bool CanExecute(object parameter) => _canExecute?.Invoke() ?? true;

        public void Execute(object parameter) => _execute();

        public event EventHandler CanExecuteChanged
        {
            add => CommandManager.RequerySuggested += value;
            remove => CommandManager.RequerySuggested -= value;
        }
    }
}

3. 修改View绑定逻辑 #

修正ListView的ItemTemplate绑定，按钮改为绑定ViewModel命令：

<UserControl x:Class="DataBinding_WPF.Views.StudentView" 
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:local="clr-namespace:DataBinding_WPF.ViewModel"
             mc:Ignorable="d" 
             d:DesignHeight="300" d:DesignWidth="300">
    <UserControl.DataContext>
        <local:ExampleViewModel />
    </UserControl.DataContext>
    <Grid>
        <StackPanel HorizontalAlignment="Left" >
            <ComboBox HorizontalAlignment="Left"   
                      VerticalAlignment="Top"   
                      Width="120"   
                      ItemsSource="{Binding Examples}"    
                      SelectedItem="{Binding SelectedItem}"  
                      DisplayMemberPath="Name"/>

            <ListView x:Name="myListView" 
                      ItemsSource="{Binding SelectedItem.IDs}"
                      Height="200" Margin="10,50,0,0" 
                      Width="Auto"
                      VerticalAlignment="Top"
                      Background="AliceBlue">
                <ListView.ItemTemplate>
                    <DataTemplate>
                        <StackPanel Orientation="Horizontal" >
                            <CheckBox IsChecked="{Binding IsSelected, Mode=TwoWay}" Margin="5, 0"/>
                            <TextBlock Text="{Binding Value}" FontWeight="Bold" />
                        </StackPanel>
                    </DataTemplate>
                </ListView.ItemTemplate>
            </ListView>

            <Button HorizontalAlignment="Left" Height="20" Width="100"
                    Command="{Binding SubmitCommand}">Submit</Button>
        </StackPanel>
    </Grid>
</UserControl>

4. 简化View后台代码 #

移除原Submit事件处理，保持代码简洁：

namespace DataBinding_WPF.Views
{
    public partial class StudentView : UserControl
    {
        public StudentView()
        {
            InitializeComponent();
        }
    }
}

• 用ExampleId包装每个ID项，确保每个CheckBox的选中状态双向同步到数据模型。
• 使用RelayCommand实现提交逻辑，完全遵循MVVM模式，业务逻辑集中在ViewModel处理。
• 移除了原View中错误的DataContext绑定和冗余属性，数据绑定路径更清晰。

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