最初未选中时未触发复选框命令

Posted

技术标签:

【中文标题】最初未选中时未触发复选框命令【英文标题】:Checkbox Command Not Firing When Initially Unchecked 【发布时间】:2013-02-05 18:19:01 【问题描述】:

我在数据网格中有一列复选框。

<DataGridTemplateColumn CanUserResize="False" Header="" Width="auto">
    <DataGridTemplateColumn.CellTemplate>
        <DataTemplate>
            <CheckBox Style="StaticResource CheckBoxSelectTypeStyle" IsChecked="Binding Path=Selected" />
        </DataTemplate>
    </DataGridTemplateColumn.CellTemplate>
</DataGridTemplateColumn>

我有一个绑定到取消检查和检查的命令。

<Style x:Key="CheckBoxSelectTypeStyle" TargetType="x:Type CheckBox">
    <Setter Property="HorizontalAlignment" Value="Center" />
    <Setter Property="VerticalAlignment" Value="Center" />
    <Style.Triggers>
        <Trigger Property="IsChecked" Value="True">
            <Setter Property="Command" Value="Binding DataContext.CheckedCommand, RelativeSource=RelativeSource FindAncestor, AncestorType=x:Type UserControl" />
            <Setter Property="CommandParameter" Value="Binding Path=SelectedItems, RelativeSource=RelativeSource FindAncestor, AncestorType=x:Type DataGrid" />
        </Trigger>
        <Trigger Property="IsChecked" Value="False">
            <Setter Property="Command" Value="Binding DataContext.UncheckedCommand, RelativeSource=RelativeSource FindAncestor, AncestorType=x:Type UserControl" />
            <Setter Property="CommandParameter" Value="Binding Path=SelectedItems, RelativeSource=RelativeSource FindAncestor, AncestorType=x:Type DataGrid" />
        </Trigger>
    </Style.Triggers>
</Style>

我的问题是,如果复选框以未选中状态开始并且您选中一个,则不会触发任何命令(这就是问题所在)。如果您随后取消选中相同的复选框,则取消选中命令将触发(如预期的那样)。如果您再次选中相同的复选框,则检查命令将触发(如预期的那样)。此时该复选框的一切都会正常工作,但其他复选框仍然存在同样的问题。

如果复选框以选中状态开始,它将正常工作。我的问题是当复选框开始未选中时如何使命令触发。我找不到任何不工作的理由。

对建议的回应:

我尝试为Null 添加一个触发器,但它有完全相同的问题,没有任何改变。

<Style.Triggers>
    <Trigger Property="IsChecked" Value="True">
        <Setter Property="Command" Value="Binding DataContext.CheckedCommand, RelativeSource=RelativeSource FindAncestor, AncestorType=x:Type UserControl" />
        <Setter Property="CommandParameter" Value="Binding Path=SelectedItems, RelativeSource=RelativeSource FindAncestor, AncestorType=x:Type DataGrid" />
    </Trigger>
    <Trigger Property="IsChecked" Value="False">
        <Setter Property="Command" Value="Binding DataContext.UncheckedCommand, RelativeSource=RelativeSource FindAncestor, AncestorType=x:Type UserControl" />
        <Setter Property="CommandParameter" Value="Binding Path=SelectedItems, RelativeSource=RelativeSource FindAncestor, AncestorType=x:Type DataGrid" />
    </Trigger>
    <Trigger Property="IsChecked" Value="x:Null">
        <Setter Property="Command" Value="Binding DataContext.UncheckedCommand, RelativeSource=RelativeSource FindAncestor, AncestorType=x:Type UserControl" />
        <Setter Property="CommandParameter" Value="Binding Path=SelectedItems, RelativeSource=RelativeSource FindAncestor, AncestorType=x:Type DataGrid" />
    </Trigger>
</Style.Triggers>

ViewModel 代码

public ICommand CheckedCommand  get; set; 
public ICommand UncheckedCommand  get; set; 

CheckedCommand = new RelayCommand<IList>(Checked);
UncheckedCommand = new RelayCommand<IList>(Unchecked);

private void Checked(IList selectedItems)

    ChangedChecked(selectedItems, true);


private void Unchecked(IList selectedItems)

    ChangedChecked(selectedItems, false);


private void ChangedChecked(IList selectedItems, bool selected)

    if (selectedItems.HasValue())
        foreach (var item in selectedItems)
            if(item is SelectedTypeModel) (item as SelectedTypeModel).Selected = selected;

RelayCommand 实现 ICommand。正如我之前提到的,Checked 方法在复选框以未选中状态开始时不会被调用,但在它被选中、未选中并再次选中时,或者如果它开始被选中并且未选中时,它会被调用。

我想做的事

我有一个带有一列 CheckBox 的 DataGrid。我希望能够突出显示多行,然后选中/取消选中所选行之一中的 CheckBox,并使所有其他行更新为相同。我还有一个用于数据网格的关键字过滤器,因此 DataGrid 绑定到 ListCollectionView。

输出信息

我启用了数据绑定的调试信息并收到此消息:

System.Windows.Data 信息:10:无法使用绑定检索值,并且不存在有效的备用值;改用默认值。 BindingExpression:路径=选定;数据项=空;目标元素是'CheckBox'(名称='');目标属性为“IsChecked”(类型为“Nullable`1”)

我仍然不确定如何使用这些信息来解决问题。

解决方案

我没有解决我原来的问题,我仍然不知道为什么它不能正常工作,但我使用了另一种方法,得到了相同的预期结果。这是修改后的代码:

<Style x:Key="CheckBoxSelectTypeStyle" TargetType="x:Type CheckBox">
    <Setter Property="Command" Value="Binding DataContext.CheckedChangedCommand, RelativeSource=RelativeSource FindAncestor, AncestorType=x:Type UserControl" />
    <Setter Property="CommandParameter">
        <Setter.Value>
            <MultiBinding Converter="StaticResource SelectedItemsCheckedMultiValueConverter">
                <Binding RelativeSource="RelativeSource FindAncestor, AncestorType=x:Type DataGrid" Path="SelectedItems"/>
                <Binding RelativeSource="RelativeSource Self" Path="IsChecked"/>
            </MultiBinding>
        </Setter.Value>
    </Setter>
</Style>

public ICommand CheckedChangedCommand  get; set; 

CheckedChangedCommand = new RelayCommand<Tuple<IList, bool>>(CheckedChanged);

【问题讨论】:

请为Checkbox.CheckChanged 事件发布eventhandler 代码。 我可能误解了你,但我没有 CheckChanged 的​​事件处理程序。视图中没有代码。它应该在 ViewModel 中调用一个命令,并且它会在它以未选中状态启动时进行第一次检查。我什至没有在 WPF 中看到 CheckBox 的 CheckChanged 事件;只有选中和未选中的事件。 对不起,我应该先澄清一下。我对WPF 不够精通,无法在这个问题上提供帮助:( IsChecked 是Nullable Type。 请从您的 ViewModel(命令属性和处理程序)中发布相关代码。我试图在一个新的应用程序中重现这个并且命令触发了。 【参考方案1】:

解决方案 我认为您无需任何触发器即可实现目标(我已在小型示例应用程序中测试了此解决方案): 所以你的风格看起来像这样:

<Style x:Key="CheckBoxSelectTypeStyle" TargetType="x:Type CheckBox">
    <Setter Property="Command" Value="Binding DataContext.CheckedCommand, RelativeSource=RelativeSource FindAncestor, AncestorType=x:Type UserControl" />
    <Setter Property="CommandParameter" Value="Binding Path=SelectedItems, RelativeSource=RelativeSource FindAncestor, AncestorType=x:Type DataGrid" />
  ...

您的视图模型中只有一个命令。作为参数,该命令将接收所选项目的列表。所以只缺少一件事——用户是要选中还是取消选中复选框。目前,我可以想到一种与 SelectedItems 一起传递此信息的可能方式 - 使用自定义转换器编写 MultiBinding,它将 selectedItems 和 IsChecked 的当前值放入 Tuple<... bool> 之类的东西中

        <Setter Property="CommandParameter">
            <Setter.Value>
                <MultiBinding Converter="x:Static PackTupleConverter.Instance">
                    <Binding RelativeSource="RelativeSource AncestorType=DataGrid" Path="SelectedItems"/>
                    <Binding RelativeSource="x:Static RelativeSource.Self" Path="IsChecked"/>
                </MultiBinding>
            </Setter.Value>
        </Setter>

结束

只需将相同的复选框放在 ListBox 中,我就能重现您的问题。一旦完成第一次我点击复选框 - 命令不会被调用

这里是示例窗口 xaml:

<Window.Resources>
    <Style x:Key="CheckBoxSelectTypeStyle" TargetType="x:Type CheckBox">
        <Setter Property="HorizontalAlignment" Value="Center" />
        <Setter Property="VerticalAlignment" Value="Center" />
        <Style.Triggers>
            <Trigger Property="IsChecked" Value="True">
                <Setter Property="Command" Value="Binding DataContext.Test, RelativeSource=RelativeSource AncestorType=Window" />
            </Trigger>
            <Trigger Property="IsChecked" Value="False">
                <Setter Property="Command" Value="Binding DataContext.Test, RelativeSource=RelativeSource AncestorType=Window" />
            </Trigger>
        </Style.Triggers>
    </Style>
</Window.Resources>
<Grid>
    <ListBox>
        <ListBox.Items>
            <CheckBox Style="StaticResource CheckBoxSelectTypeStyle" />
        </ListBox.Items>
    </ListBox>

</Grid>

并在后面:

public partial class MainWindow : Window

    public MainWindow()
    
        InitializeComponent();
        DataContext = this;
        Test = new DelegateCommand(TestCommand);
    

    public ICommand Test  get; set; 

    private void TestCommand()
    
    

这是我在输出中发现的关于绑定的内容:

System.Windows.Data 信息:10:无法使用绑定检索值,并且不存在有效的备用值;改用默认值。 BindingExpression:Path=DataContext.Test;数据项=空;目标元素是'CheckBox'(名称='');目标属性是“命令”(输入“ICommand”)

【讨论】:

我只是看了看,没有发现任何突出的地方。我没有看到任何错误。不过谢谢你的建议。 您是否打开了“WPF 跟踪设置部分”\“数据绑定”的信息消息? 您能简要描述一下您想要达到的目标吗?因为一般来说,在 ItemsControl 派生的项目中使用 RelativeSource 并不是一个好主意(以防试图在 ItemsControl 之外获取一些控件)。 我最后用我想要做的事情更新了我的问题。我对在 XAML 中使用命令比较陌生,所以我不完全理解我应该和不应该使用什么。任何帮助表示赞赏。我认为我没有打开信息消息,所以我会调查一下,看看我是否收到与您在示例中相同的消息。 我启用了数据绑定信息,我得到了和你一样的信息。我仍然不确定如何解决这个问题。

以上是关于最初未选中时未触发复选框命令的主要内容,如果未能解决你的问题,请参考以下文章

该复选框在未选中时不能返回 False,但在选中时可以返回 True

选中复选框时如何将AJAX值发送为1,未选中时如何发送0?

jQuery 代码在选中复选框时有效,但在未选中时无效

未选中时,具有对象作为绑定到数组属性的值的 VueJS 复选框不会脱离数组

当 AlertDialog 中的复选框选中或未选中时,Flutter 更新 Reorderable ListView

PHP JQuery Checkbox - 如果复选框被预先选中,它不会在未选中时删除“选中”属性