WPF 多绑定未按预期更新源；带有“全选”的复选框

Question

我的视图模型中有一组变量：

public ObservableCollection<ObservableVariable> Variables { get; }= new ObservableCollection<ObservableVariable>();

ObservableVariable 类有两个属性：string Name 和 bool Selected；该类实现了 INotifyPropertyChanged，

我的目标是将此集合绑定到 WPF 视图中的清单，并使用 MultiBinding 将“全选”复选框绑定到该列表。下图说明了所需的视图。

观察下面的 XAML：

<CheckBox Content="Select All" Name="SelectAllCheckbox"></CheckBox>
...
<ListBox ItemsSource="{Binding Variables}">
    <ListBox.ItemTemplate>
        <DataTemplate>
            <CheckBox Content="{Binding Name}">
                <CheckBox.IsChecked>
                    <MultiBinding Converter="{StaticResource LogicalOrConverter}" Mode="TwoWay">
                        <Binding Path="Selected"></Binding>
                        <Binding ElementName="SelectAllCheckbox" Path="IsChecked"></Binding>
                    </MultiBinding>
                </CheckBox.IsChecked>
            </CheckBox>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

LogicalOrConverter 接受任意数量的布尔值；如果有任何为真，则返回真。

正如您在上面看到的，每个复选框都绑定到视图模型中的一个变量以及“全选”复选框的状态。目前，除以下内容外，一切都按预期工作：如果我单击“全选”，则视图中的复选框会更新，但更改不会传播回视图模型。

请注意，我的实现中的大多数事情都可以正常工作。例如，如果我单击单个复选框，则视图模型会正确更新。

更详细的问题：

当我点击一个单独的复选框时，OnPropertyChanged 事件会在刚刚更改其框的变量中触发；转换器中的 ConvertBack 函数被触发；视图模型已更新，一切正常。

但是，当我单击“全选”复选框时，视图中的各个复选框都会更新，但不会在任何变量中调用 OnPropertyChanged，并且不会调用转换器中的 ConvertBack 函数。

另外，如果我取消选中“全选”，则各个检查将恢复到以前的状态。

更新视图模型的唯一方法是单击各个复选框。但是，多重绑定适用于视图。

我的问题是：

为什么对复选框的更改没有传播到视图模型中的源集合

转换器：

public class LogicalOrConverter : IMultiValueConverter
{
    public object Convert(object[] values, Type targetType, object parameter, CultureInfo culture)
    {

        foreach (object arg in values)
        {
            if ((arg is bool) && (bool)arg == true)
            {
                return true;
            }
        }

        return false;
    }

    public object[] ConvertBack(object value, Type[] targetTypes, object parameter, CultureInfo culture)
    {
        object[] values = new object[2] {false, false};

        if (value is bool && (bool) value == true)
            values[0] = true;

        return values;
    }
}

ObservableVariable 定义：

public class ObservableVariable : INotifyPropertyChanged
{
    private string _name;
    public string Name
    {
        get { return _name; }
        set
        {
            _name = value;
            OnPropertyChanged(nameof(Name));
        }
    }

    private bool _selected;
    public bool Selected
    {
        get { return _selected; }
        set
        {
            _selected = value;
            OnPropertyChanged(nameof(Selected));
        }
    }

    public event PropertyChangedEventHandler PropertyChanged;

    protected virtual void OnPropertyChanged(string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

Answer 1

多重绑定的问题在于它会“触发”两个数据更改，但第一个绑定 (Path="Selected") 将更新 VM 中的数据，因为这是数据绑定的内容。第二个绑定只会触发 SelectAll Checkbox 并更改 IsChecked 属性。仅仅因为您有一个 MultiBinding 并不意味着其他 Bindings 会相互传播它们的更改。

这就是为什么您会看到单击 SelectAll 的行为并且复选框更改但数据没有更改的原因。您还没有明确设置 SelectAll 复选框的机制来告诉 ViewModel 更改数据。

通过一些试验和错误，我确定仅通过 MultiBinding 没有明确而简单的方法来做到这一点（如果有人有办法做到这一点，我有兴趣学习）。我还尝试了 DataTriggers，它变得一团糟。我发现的最佳方法是将 SelectAll 逻辑卸载到 Viewmodel 并在 SelectAll 复选框上使用Command。这使您可以很好地控制逻辑并进行更强大的调试。

新 XAML：

<CheckBox Content="Select All" x:Name="SelectAllCheckbox" 
          Command="{Binding SelectAllCommand}" 
          CommandParameter="{Binding IsChecked, RelativeSource={RelativeSource Self}}"/>


    <ListBox ItemsSource="{Binding Variables}">
        <ListBox.ItemTemplate>
            <DataTemplate>
                <CheckBox Content="{Binding Name}" 
                          IsChecked="{Binding Selected}">
                </CheckBox>
            </DataTemplate>
        </ListBox.ItemTemplate>
    </ListBox>

我将 IsChecked 作为参数包含在内，以便您可以控制选择和取消选择。

我的视图模型：

public class ViewModel
{
    public ObservableCollection<ObservableVariable> Variables { get; set; }
    public ViewModel()
    {
        Variables = new ObservableCollection<ObservableVariable>();
        SelectAllCommand = new RelayCommand(SelectAll, ()=>true);
    }

    public RelayCommand SelectAllCommand { get; set; }

    public void SelectAll(object param)
    {
        foreach (var observableVariable in Variables)
        {
            observableVariable.Selected = (bool)param;
        }
    }
}

显然您希望对参数有更好的验证逻辑。这主要是为了简短的回答。

为了完整起见，我使用了标准的 RelayCommand 代码。

public class RelayCommand : ICommand
{
    public event EventHandler CanExecuteChanged
    {
        add { CommandManager.RequerySuggested += value; }
        remove { CommandManager.RequerySuggested -= value; }
    }
    private Action<object> methodToExecute;
    private Func<bool> canExecuteEvaluator;
    public RelayCommand(Action<object> methodToExecute, Func<bool> canExecuteEvaluator)
    {
        this.methodToExecute = methodToExecute;
        this.canExecuteEvaluator = canExecuteEvaluator;
    }
    public RelayCommand(Action<object> methodToExecute)
        : this(methodToExecute, null)
    {
    }
    public bool CanExecute(object parameter)
    {
        if (this.canExecuteEvaluator == null)
        {
            return true;
        }
        else
        {
            bool result = this.canExecuteEvaluator.Invoke();
            return result;
        }
    }
    public void Execute(object parameter)
    {
        this.methodToExecute.Invoke(parameter);
    }
}