如何將自定義UserControl分配給DataGrid列標題？

我正在嘗試使用具有文本塊和按鈕的自定義標頭製作數據網格。正文塊和按鈕通過該UserControl我創建表示：如何將自定義UserControl分配給DataGrid列標題？

<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/en-us/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>

然而，有一對夫婦的事情，我不喜歡。設置列標題的模板屬性會消除某些默認外觀，如標題的背景顏色和排序圖標。它看起來像我從字面上取代了整個事情。

此外，我不知道如何找出哪個列標題被點擊，所以我可以更改適當的列的寬度，也不會如何將每列的不同標題名稱綁定到我的CollapsibleDataGridHeader控件中的HeaderText屬性。

是否可以避免使用樣式，而是將我的控件分配給列標題？如果沒有，我將如何去綁定和檢索使用上面的樣式設置解決方案點擊哪個列？

來源

2012-06-21 Matthew Steven Monkan