Checkbox isEnabled 行为无法弄清楚

Question

我的 WPF 应用程序中有三个 CheckBox，我想要的是根据 ViewModel 中的属性禁用/启用 CheckBox。

<Grid>
    <CheckBox x:Name="cbTest1" Margin="12,341,476,5" IsEnabled="{Binding Path=BoolProperty, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />
    <CheckBox x:Name="cbTest3" Margin="74,341,414,5" IsEnabled="{Binding Path=BoolProperty, Mode=TwoWay }" />
    <CheckBox x:Name="cbTest2" Margin="131,341,359,5" IsEnabled="{Binding Path=BoolProperty, Mode=TwoWay }" />
    <Button x:Name="btnClick" Click="btnClick_Click" Margin="231,333,29,5" />
</Grid>

在我的测试应用程序中，我为按钮单击编写了代码

private void btnClick_Click(object sender, RoutedEventArgs e)
    {
        if (_boolProperty == true)
        {
            _boolProperty = false;
            cbTest1.IsEnabled = false;
        }
        else
        {
            _boolProperty = true;
            cbTest1.IsEnabled = true;
        }
    }

奇怪的行为是，如果我评论 cbTest1.IsEnabled = false; 或 cbTest1.IsEnabled = true; 然后 CheckBox es 保持禁用状态，

但只有一个 CheckBox 中的更改说，“cbTest1”的值 true 也会在其他复选框中进行更改。就像cbTest1.IsEnabled = true; 一样，所有三个 CheckBox 都已启用。如果 cbTest1.IsEnabled = false; 则所有三个 CheckBox 都被禁用。

请大家多多指教。为什么会这样？绑定是如何在这里发生的？ 还有一个问题，如何将 checkBoxes isEnabled 属性与 viewModel 中的属性绑定？

Answer 1

<CheckBox x:Name="cbTest1" IsEnabled="{Binding Path=BoolProperty, Mode=TwoWay}" />
<CheckBox x:Name="cbTest3" IsEnabled="{Binding Path=BoolProperty, Mode=TwoWay}" />
<CheckBox x:Name="cbTest2" IsEnabled="{Binding Path=BoolProperty, Mode=TwoWay}" />

所有三个复选框都绑定到同一个源，因此无论您做什么，它们都将始终共享相同的状态。此外，您的绑定是双向绑定，因此为一个复选框手动设置 IsEnabled 将使您绑定的基础属性也发生更改，这将再次触发其他两个复选框进行更新。

如果你想拥有不同的状态，你将不得不使用三个不同的属性来绑定。

如何将 checkBoxes isEnabled 属性与 viewModel 中的属性绑定？

您所做的已经是正确的（减去共享属性）。因此，如果您绑定到BoolProperty1、BoolProperty2 和BoolProperty3，并且这些属性中的每一个都存在于您的视图模型中，那么一切都很好。您只需要确保复选框将视图模型作为其数据上下文。这通常通过为父组件（通常是Window 本身）提供数据上下文来实现：

Window window = new MyWindow();
window.DataContext = new MyViewModel();
window.Show();

Answer 2

这是因为您拥有的每个复选框中的 TwoWay 绑定。当您启用其中之一时，它会将相应的视图模型属性设置为 True，并且 TwoWay 绑定也会将其他复选框设置为 True。这就是您遇到此问题的主要原因。

然后让我们从这些复选框中确定您想要什么。如果要单独更改每个复选框，则每个复选框必须具有三个不同的视图模型属性。否则你的行为是正常的，因为你只绑定到一个 VM 字段。

<Grid>
    <CheckBox x:Name="cbTest1" Margin="12,341,476,5" IsEnabled="{Binding Path=BoolProperty1, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />
    <CheckBox x:Name="cbTest3" Margin="74,341,414,5" IsEnabled="{Binding Path=BoolProperty2, Mode=TwoWay }" />
    <CheckBox x:Name="cbTest2" Margin="131,341,359,5" IsEnabled="{Binding Path=BoolProperty3, Mode=TwoWay }" />
    <Button x:Name="btnClick" Click="btnClick_Click" Margin="231,333,29,5" />
</Grid>

正如上面提到的@dzavala，您应该修改视图模型属性的值，而不是复选框本身。您应该对按钮单击事件使用命令。阅读此处Commands, RelayCommands and EventToCommand 和ICommand interface

Answer 3

不设置私有字段_boolProperty，而是设置属性BoolProperty，并在其设置器中引发PropertyChanged事件。