CellTemplate 中的 DataTrigger 绑定到 HeaderTemplate；可以吗？

Question

这里的目标是在标题复选框发生变化时检查所有网格复选框：

<Window.Resources>

    <Style TargetType="CheckBox" x:Key="InnerBox">
        <Setter Property="HorizontalAlignment" Value="Center" />
        <Style.Triggers>
            <DataTrigger Value="True"
                         Binding="{Binding IsChecked, 
                         ElementName=HeaderCheckbox}">
                <Setter Property="IsChecked" Value="True" />
            </DataTrigger>
            <DataTrigger Value="False"
                         Binding="{Binding IsChecked, 
                         ElementName=HeaderCheckbox}">
                <Setter Property="IsChecked" Value="False" />
            </DataTrigger>
        </Style.Triggers>
    </Style>

</Window.Resources>

<DataGrid>
    <DataGrid.Columns>

        <!-- col1 -->
        <DataGridTemplateColumn>
            <DataGridTemplateColumn.HeaderTemplate>
                <DataTemplate>
                    <!-- header check -->
                    <CheckBox Name="HeaderCheckbox" />
                </DataTemplate>
            </DataGridTemplateColumn.HeaderTemplate>
            <DataGridTemplateColumn.CellTemplate>
                <DataTemplate>
                    <!-- body check -->
                    <CheckBox Style="{StaticResource InnerBox}" />
                </DataTemplate>
            </DataGridTemplateColumn.CellTemplate>
        </DataGridTemplateColumn>

        <!-- col2 -->
        <DataGridTextColumn Binding="{Binding}" Header="Text" />
    </DataGrid.Columns>

    <!-- sample data -->
    <sys:String>1</sys:String>
    <sys:String>2</sys:String>
    <sys:String>3</sys:String>
</DataGrid>

看起来像：

由于某种原因，触发器不着火。

有什么想法吗？

Answer 1

正如您所注意到的，DataTemplate 内的 ElementName 绑定无法到达模板外部的元素。这是因为它可以多次实例化，并且具有自己的名称范围，因此您在 DataTemplate 内创建的任何 ElementName 绑定都将在模板内查找具有该名称的另一个元素。

使用 Snoop 查看它，我们还可以看到 RelativeSource 绑定不能直接使用，因为它们位于可视化树的不同部分

我能想到的解决此问题的唯一方法是将两个复选框绑定到一个共同的祖先，例如父 DataGrid 和使用附加属性或标签属性。示例

<Style TargetType="CheckBox" x:Key="InnerBox">
    <Setter Property="HorizontalAlignment" Value="Center" />
    <Setter Property="IsChecked" Value="False" />
    <Style.Triggers>
        <DataTrigger Value="True"
                     Binding="{Binding RelativeSource={RelativeSource AncestorType={x:Type DataGrid}},
                                       Path=Tag}">
            <Setter Property="IsChecked" Value="True" />
        </DataTrigger>
    </Style.Triggers>
</Style>

和

<DataTemplate>
    <!-- header check -->
    <CheckBox Name="HeaderCheckbox"
              IsChecked="{Binding RelativeSource={RelativeSource AncestorType={x:Type DataGrid}},
                                  Path=Tag,
                                  Mode=OneWayToSource}"/>
</DataTemplate>

Answer 2

我认为常规数据绑定到 HeaderCheckBox 是不可能的，因为 CheckBox 作为 Template 的一部分存在，并且位于不同的分支中VisualTree 的值比 DataGridItems 的值

通常相反：当标题 CheckBox 被选中时，检查所有行 CheckBoxes< /代码>。我这样做的主要原因是因为复选框通常在那里，因此用户可以选中/取消选中它们，如果它们绑定到标题复选框选中状态，则用户无法更改它们。

为了实现这一点，我通常挂接到 Header CheckBox 的 Click 或 Checked 事件。

如果行 CheckBox.IsChecked 状态绑定到 ViewModel 中的某些内容，我会将事件挂钩到 ViewModel 中的 Command ，并设置 < code>CheckBox.IsChecked 绑定到 true/false，具体取决于标头 CheckBox 状态（通常作为 CommandParameter 传入） ）

如果CheckBox.IsChecked 状态不绑定到任何东西，您可以使用常规代码隐藏来循环 DataGrid.Items，使用 ItemContainerGenerator 来获取每个项目的 ItemContainer，找到 CheckBox，然后设置其选中状态。