最初未选中时未触发复选框命令
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
未选中时,具有对象作为绑定到数组属性的值的 VueJS 复选框不会脱离数组