如何为DataGrid列标题分配自定义UserControl？

Question

我试图用具有文本块和按钮的自定义标头制作一个数据网格。 文本块和按钮由我创建的此UserControl表示：

<UserControl x:Class="SilverlightWorkshop.Controls.CollapsibleDataGridHeader"
    ...
    />
    <StackPanel Orientation="Horizontal">
        <TextBlock Text="{Binding HeaderText, Mode=TwoWay}" />
        <Button Content="←" Click="ArrowButtonClick"/>
    </StackPanel>
</UserControl>

这个想法是，当用户单击按钮时，列宽将缩小到较小的尺寸。 但是，我很难找到一种优雅的解决方案来将该控件用作列标题的模板。

这有效：

<sdk:DataGrid>
    <sdk:DataGrid.Columns>
        <sdk:DataGridTextColumn>
            <sdk:DataGridTextColumn.Header>
                foo
            </sdk:DataGridTextColumn.Header>
        </sdk:DataGridTextColumn>
    </sdk:DataGrid.Columns>
</sdk:DataGrid>

但是我不能放弃控件。 这不起作用：

<sdk:DataGrid>
    <sdk:DataGrid.Columns>
        <sdk:DataGridTextColumn>
            <sdk:DataGridTextColumn.Header>
                <Button/>
            </sdk:DataGridTextColumn.Header>
        </sdk:DataGridTextColumn>
    </sdk:DataGrid.Columns>
</sdk:DataGrid>

但是， http://msdn.microsoft.com/zh-cn/library/system.windows.controls.primitives.datagridcolumnheader(v= vs.95) .aspx表示我可以添加一个对象作为标题的子项。

我得到的最接近的是将标题设置为样式：

<navigation:Page xmlns:my="clr-namespace:SilverlightWorkshop.Controls"  xmlns:sdk="http://schemas.microsoft.com/winfx/2006/xaml/presentation/sdk"  x:Class="SilverlightWorkshop.Views.CollapsibleColumns" 
           xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
           xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
           xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
           xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
           mc:Ignorable="d"
           xmlns:navigation="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Navigation"
           d:DesignWidth="640" d:DesignHeight="480"
           Title="CollapsibleColumns Page">
    <navigation:Page.Resources>
        <Style x:Key="CollapsibleHeaderStyle" TargetType="sdk:DataGridColumnHeader">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="sdk:DataGridColumnHeader">
                        <my:CollapsibleDataGridHeader HeaderText="Cheese" ArrowButtonClicked="ArrowButtonClick"/>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </navigation:Page.Resources>
    <sdk:DataGrid ItemsSource="{Binding Data, Mode=TwoWay}" AutoGenerateColumns="False">
        <sdk:DataGrid.Columns>
            <sdk:DataGridTextColumn Binding="{Binding String2, Mode=TwoWay}" HeaderStyle="{StaticResource CollapsibleHeaderStyle}"/>
            <sdk:DataGridTextColumn Binding="{Binding String1, Mode=TwoWay}"/>
        </sdk:DataGrid.Columns>
    </sdk:DataGrid>
</navigation:Page>

但是，有些事情我不喜欢。 设置列标题的template属性会抹掉一些默认外观，例如标题的背景色和排序图标。 看起来我确实将整个事情都替换了。

另外，我不确定如何确定单击了哪个列标题，因此无法更改适当列的宽度，也不确定如何将每个列的不同标题名称绑定到CollapsibleDataGridHeader控件中的HeaderText属性。

是否可以避免使用样式，而是将控件分配给列标题？ 如果没有，我该如何进行绑定并使用上述样式设置解决方案来检索单击了哪一列？

Answer 1

Manas Patnaik的这篇文章似乎有答案：

http://manaspatnaik.com/blog/index.php/technology/silverlight-4/accessing-controls-in-datagrid-columnheader-silverlight/877

XAML显示了如何设置标题模板，使其保留默认样式，并说明了如何通过代码隐藏从DataGrid标题访问控件。

此答案说明了如何绑定到“样式”中设置的控件：

动态设置Silverlight DataGrid列的标题文本