具有多行标题的 WPF DataGrid

Question

我有一个非常奇怪的网格的设计要求......看起来像这样：

grid http://img219.imageshack.us/img219/3444/columns.png

我需要能够对两行中的标题进行排序...因此，如果他们单击“描述”，则会按描述进行排序。如果他们单击“状态”，则会按状态排序。在列标题上使用模板，我可以实现这种外观，但我似乎无法找到一种方法来让每个单独的单元充当不同的标题。我到底该怎么做呢？

编辑：为了创建列标题，我这样做了：

<StackPanel Orientation="Vertical" >
     <Border Margin=".5" Background="{StaticResource DarkBlueBackground}" >
           <Button Margin="6" Style="{StaticResource StaticLinkButton}"">
                <TextBlock HorizontalAlignment="Left" Text="Part Number" MinWidth="40"  />
           </Button>
     </Border>

     <Border Margin=".5" Background="{StaticResource LightBlueBackground}" MinWidth="120">
            <Button  Margin="6" Style="{StaticResource StaticLinkButton}" Content="Part Type"/>
     </Border>
 </StackPanel>

，这在大多数情况下都有效。问题是，当我有一个特别长的数据项（如长“部分类型”）时，它会拉伸列，但“部分类型”标题周围的边框不会拉伸。我也尝试使用网格而不是堆栈面板，但结果相同。是否有一种相对简单的方法可以使标题中的边框/按钮/文本块延伸到列的整个宽度？

编辑2
显示每个请求的标头模板代码：

<DataGridTemplateColumn.HeaderTemplate>
    <DataTemplate>
        <StackPanel Orientation="Vertical" >
            <StackPanel Orientation="Horizontal">
                <Border Margin=".5" >
                    <Button Margin="6" Style="{StaticResource StaticLinkButton}" >
                        <TextBlock Text="Qty OH" />
                    </Button>
                </Border>
                <Border Margin=".5" >
                    <Button Margin="6" Style="{StaticResource StaticLinkButton}" >
                        <TextBlock Text="Ord Qty" />
                    </Button>
                </Border>
                <Border Margin=".5" >
                    <Button Margin="6" Style="{StaticResource StaticLinkButton}" >
                        <TextBlock Text="Ret Qty" />
                    </Button>
                </Border>
                <Border Margin=".5" >
                    <Button Margin="6" Style="{StaticResource StaticLinkButton}" >
                        <TextBlock Text="Rec Qty" />
                    </Button>
                </Border>
                <Border Margin=".5" >
                    <Button Margin="6" Style="{StaticResource StaticLinkButton}" KeyboardNavigation.IsTabStop="False" >
                        <TextBlock MinWidth="90" MinHeight="27" Text="Quantity" />
                    </Button>
                </Border>
            </StackPanel>
            <Border Margin=".5" Background="{StaticResource LightBlueBackground}">
                <Button ="Part Type" KeyboardNavigation.IsTabStop="False"/>
            </Border>
        </StackPanel>
    </DataTemplate>
</DataGridTemplateColumn.HeaderTemplate>

Answer 1

您可以将 TextBlock 或“不可见”按钮中的任何内容包装起来，并处理它们的点击或在某些主处理程序中检查 e.OriginalSource 是什么。 （命令也可能是一个选项）

要使按钮“不可见”，您可以应用一个简单的样式，使按钮仅显示其内容：

<Style x:Key="LooklessButtonStyle" TargetType="{x:Type Button}">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate>
                <ContentPresenter />
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>