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 绑定不能直接使用，因为它们位于 Visual Tree 的不同部分

我能想到的唯一解决方法是将两个 CheckBox 绑定到一个共同的祖先，例如父 DataGrid 并使用附加属性或 Tag 属性。示例

<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 进行常规DataBinding，因为CheckBox 作为Template 的一部分存在，并且它与VisualTree 位于VisualTree 的不同分支中

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

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

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

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