.net 扩展DataGrid/更改DataGrid标头

有没有办法覆盖

DataGrid

s标题行？或者至少是它的行为？我正在尝试实现类似于表分组的Outlook。也就是说，允许用户将列标题从表中拖到专用区域，以按该列进行排序（例如

XamDataGrid

具有该功能，您可以看到它是如何工作的）

我不能使用任何商业解决方案

我会感谢任何经验、想法、代码、笔记或教程

---

编辑：根据我能找到的一些帖子，我应该在

DataGrid

中替换

datagridcolumnsheaderpositer

，以便能够做我想要的事情。我从来没有做过那样的事，我不知道从哪里开始。好的，我自己写了一个

DataGridColumnsHeaderPresenter

，它将由原始的

DataGridColumnsHeaderPresenter

和一些其他组件组成，然后呢？如何让我的

DataGrid

使用新的

DataGridColumnsHeaderPresenter

而不是默认的？如果可能，请提供代码。

是的，您可以重做控件模板。是一篇关于Datagrid可视化布局的文章。这篇文章有点旧，但我觉得它很有用（我在桌子上方的墙上贴了一份副本）

把它放到你的参考资料中把**包围的部分改为：

**<whatever xmlns:MyDataGridColumnHeadersPresenter x:Name="PART_ColumnHeadersPresenter" 
                                        Visibility="{Binding HeadersVisibility, ConverterParameter={x:Static DataGridHeadersVisibility.Column}, 
                                        Converter={x:Static DataGrid.HeadersVisibilityConverter}, RelativeSource={RelativeSource AncestorType={x:Type DataGrid}}}"/>**


    <Style x:Key="DataGridStyle1" TargetType="{x:Type DataGrid}">
        <Setter Property="Background" Value="{DynamicResource {x:Static SystemColors.ControlBrushKey}}"/>
        <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/>
        <Setter Property="BorderBrush" Value="#FF688CAF"/>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="RowDetailsVisibilityMode" Value="VisibleWhenSelected"/>
        <Setter Property="ScrollViewer.CanContentScroll" Value="true"/>
        <Setter Property="ScrollViewer.PanningMode" Value="Both"/>
        <Setter Property="Stylus.IsFlicksEnabled" Value="False"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type DataGrid}">
                    <Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" Padding="{TemplateBinding Padding}" SnapsToDevicePixels="True">
                        <ScrollViewer x:Name="DG_ScrollViewer" Focusable="false">
                            <ScrollViewer.Template>
                                <ControlTemplate TargetType="{x:Type ScrollViewer}">
                                    <Grid>
                                        <Grid.ColumnDefinitions>
                                            <ColumnDefinition Width="Auto"/>
                                            <ColumnDefinition Width="*"/>
                                            <ColumnDefinition Width="Auto"/>
                                        </Grid.ColumnDefinitions>
                                        <Grid.RowDefinitions>
                                            <RowDefinition Height="Auto"/>
                                            <RowDefinition Height="*"/>
                                            <RowDefinition Height="Auto"/>
                                        </Grid.RowDefinitions>
                                        <Button Command="{x:Static DataGrid.SelectAllCommand}" Focusable="false" Style="{DynamicResource {ComponentResourceKey ResourceId=DataGridSelectAllButtonStyle, TypeInTargetAssembly={x:Type DataGrid}}}" Visibility="{Binding HeadersVisibility, ConverterParameter={x:Static DataGridHeadersVisibility.All}, Converter={x:Static DataGrid.HeadersVisibilityConverter}, RelativeSource={RelativeSource AncestorType={x:Type DataGrid}}}" Width="{Binding CellsPanelHorizontalOffset, RelativeSource={RelativeSource AncestorType={x:Type DataGrid}}}"/>
                                        <Grid Grid.Column="1">
                                            <Grid.RowDefinitions>
                                                <RowDefinition Height="Auto" />
                                                <RowDefinition Height="Auto" />
                                            </Grid.RowDefinitions>
                                        **<DataGridColumnHeadersPresenter x:Name="PART_ColumnHeadersPresenter" 
                                            Visibility="{Binding HeadersVisibility, ConverterParameter={x:Static DataGridHeadersVisibility.Column}, 
                                            Converter={x:Static DataGrid.HeadersVisibilityConverter}, RelativeSource={RelativeSource AncestorType={x:Type DataGrid}}}"/>**
                                        <StackPanel Orientation="Horizontal"    Grid.Row = "1" Grid.Column="1"   ><Button Height="100">test</Button>

                                            <Button Height="100">test</Button>
                                            <Button Height="100">test</Button>
                                            <Button Height="100">test</Button>

                                        </StackPanel>                                   

                                        </Grid><ScrollContentPresenter x:Name="PART_ScrollContentPresenter" CanContentScroll="{TemplateBinding CanContentScroll}" Grid.ColumnSpan="2" Grid.Row="1"/>
                                        <ScrollBar x:Name="PART_VerticalScrollBar" Grid.Column="2" Maximum="{TemplateBinding ScrollableHeight}" Orientation="Vertical" Grid.Row="1" Visibility="{TemplateBinding ComputedVerticalScrollBarVisibility}" Value="{Binding VerticalOffset, Mode=OneWay, RelativeSource={RelativeSource TemplatedParent}}" ViewportSize="{TemplateBinding ViewportHeight}"/>
                                        <Grid Grid.Column="1" Grid.Row="2">
                                            <Grid.ColumnDefinitions>
                                                <ColumnDefinition Width="{Binding NonFrozenColumnsViewportHorizontalOffset, RelativeSource={RelativeSource AncestorType={x:Type DataGrid}}}"/>
                                                <ColumnDefinition Width="*"/>
                                            </Grid.ColumnDefinitions>
                                            <ScrollBar x:Name="PART_HorizontalScrollBar" Grid.Column="1" Maximum="{TemplateBinding ScrollableWidth}" Orientation="Horizontal" Visibility="{TemplateBinding ComputedHorizontalScrollBarVisibility}" Value="{Binding HorizontalOffset, Mode=OneWay, RelativeSource={RelativeSource TemplatedParent}}" ViewportSize="{TemplateBinding ViewportWidth}"/>
                                        </Grid>
                                    </Grid>
                                </ControlTemplate>
                            </ScrollViewer.Template>
                            <ItemsPresenter SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
                        </ScrollViewer>
                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
        <Style.Triggers>
            <Trigger Property="IsGrouping" Value="true">
                <Setter Property="ScrollViewer.CanContentScroll" Value="false"/>
            </Trigger>
        </Style.Triggers>
    </Style>

这是演示者的默认模板：

<ControlTemplate TargetType="{x:Type DataGridColumnHeadersPresenter}">   
  <Grid>  
       <DataGridColumnHeader IsHitTestVisible="False"        
          Name="PART_FillerColumnHeader"/> 
       <ItemsPresenter />  
  </Grid> 
</ControlTemplate>

我会把它改成这样：

<DataGrid Margin="30,30,36,23" Grid.Row="1" Style="{DynamicResource DataGridStyle1}">
            <DataGrid.Columns>
                <DataGridTextColumn Header="fiorst"/>
                <DataGridTextColumn Header="semd"/>
            </DataGrid.Columns>
        </DataGrid> 

<ControlTemplate TargetType="{x:Type MyDataGridColumnHeadersPresenter}">   
  <Grid>  
       <Grid.RowDefinitions>
         <RowDefinition Height = "Auto" />  
     <RowDefinition Height = "Auto" />
       </Grid.RowDefinitions>  
       <DataGridColumnHeader IsHitTestVisible="False"        
          Name="PART_FillerColumnHeader"/> 
       <ItemsPresenter Grid.Row="0" />  
        <StackPanel Grid.Row="1" x:Name="PART_ItemsHolder />
  </Grid> 
</ControlTemplate> 

嗯，这篇文章很好，但它没有给我一个示例代码，我也不知道从哪里开始。我做过的最复杂的控件是按钮。。。你能提供一个示例代码吗？假设我想在
DataGrid
的列标题和行之间有一个标签，上面写着
helloworld
。提前感谢：）这会更改视觉布局，但不会添加功能。我很可能需要使用自定义的添加新函数的
DataGridColumnsHeaderPresenter
。如何替换原始面板？我不认为您需要更改DataGridColumnsHeaderPresenter，它从生成列标题的itemscontrol继承，我不确定它是否是添加此面板的合理位置。如果你真的想这样做，我会创建一个新的类继承它，并为面板添加一个模板部分。我会在我的答案中添加一些代码。更好的办法可能是实际扩展DataGrid控件本身。@Wegged+1供您编辑。实际上，我将扩展
DataGrid
，但我必须替换
DataGridColumnsHeaderPresenter
。。。这是因为我想覆盖
DataGridColumnsHeaderPresenter
的默认拖放功能，以便用户能够将列标题拖到上面的区域，并将其按该列分组。@Wegged yes我认为您的答案是我问题的复杂答案，即使它不能解决我的所有问题。您没有说明如何让我的DataGrid使用new
MyDataGridColumnHeadersPresenter
，但我已经知道-我扩展了
DataGrid
并覆盖了元数据-如果它不正确，请更正我（回答中的一些代码）。不管怎样，我想我拥有你那笔赏金。所以它是你的，除非有人迅速提供更好的答案：）@Wegged：嗯，我不知道如何获得
DataGrid
使用
MyDatagrid ColumnHeadersPresenter
，所以请提供这些信息，这样我就可以向你发奖金了（你得到一半，但50比25好，对吗？）查看这个链接到它的silverlight和分组，但它仍然可以帮助您：）这是非常有用的！非常感谢。
<ControlTemplate TargetType="{x:Type MyDataGridColumnHeadersPresenter}">   
  <Grid>  
       <Grid.RowDefinitions>
         <RowDefinition Height = "Auto" />  
     <RowDefinition Height = "Auto" />
       </Grid.RowDefinitions>  
       <DataGridColumnHeader IsHitTestVisible="False"        
          Name="PART_FillerColumnHeader"/> 
       <ItemsPresenter Grid.Row="0" />  
        <StackPanel Grid.Row="1" x:Name="PART_ItemsHolder />
  </Grid> 
</ControlTemplate> 

<Style x:Key="{ComponentResourceKey ResourceId=DataGridSelectAllButtonStyle, TypeInTargetAssembly={x:Type DataGrid}}" TargetType="{x:Type Button}">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type Button}">
                <Grid>
                    <Rectangle x:Name="Border" Fill="{DynamicResource {x:Static SystemColors.ControlBrushKey}}" SnapsToDevicePixels="True"/>
                    <Polygon x:Name="Arrow" Fill="Black" HorizontalAlignment="Right" Margin="8,8,3,3" Opacity="0.15" Points="0,10 10,10 10,0" Stretch="Uniform" VerticalAlignment="Bottom"/>
                </Grid>
                <ControlTemplate.Triggers>
                    <Trigger Property="IsMouseOver" Value="True">
                        <Setter Property="Stroke" TargetName="Border" Value="{DynamicResource {x:Static SystemColors.ControlDarkBrushKey}}"/>
                    </Trigger>
                    <Trigger Property="IsPressed" Value="True">
                        <Setter Property="Fill" TargetName="Border" Value="{DynamicResource {x:Static SystemColors.ControlDarkBrushKey}}"/>
                    </Trigger>
                    <Trigger Property="IsEnabled" Value="False">
                        <Setter Property="Visibility" TargetName="Arrow" Value="Collapsed"/>
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>
<Style x:Key="DataGridStyle1" TargetType="{x:Type DataGrid}">
    <Setter Property="Background" Value="{DynamicResource {x:Static SystemColors.ControlBrushKey}}"/>
    <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/>
    <Setter Property="BorderBrush" Value="#FF688CAF"/>
    <Setter Property="BorderThickness" Value="1"/>
    <Setter Property="RowDetailsVisibilityMode" Value="VisibleWhenSelected"/>
    <Setter Property="ScrollViewer.CanContentScroll" Value="true"/>
    <Setter Property="ScrollViewer.PanningMode" Value="Both"/>
    <Setter Property="Stylus.IsFlicksEnabled" Value="False"/>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type DataGrid}">
                <Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" Padding="{TemplateBinding Padding}" SnapsToDevicePixels="True">
                    <ScrollViewer x:Name="DG_ScrollViewer" Focusable="false">
                        <ScrollViewer.Template>
                            <ControlTemplate TargetType="{x:Type ScrollViewer}">
                                <Grid>
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="Auto"/>
                                        <ColumnDefinition Width="*"/>
                                        <ColumnDefinition Width="Auto"/>
                                    </Grid.ColumnDefinitions>
                                    <Grid.RowDefinitions>
                                        <RowDefinition Height="Auto"/>
                                        <RowDefinition Height="*"/>
                                        <RowDefinition Height="Auto"/>
                                    </Grid.RowDefinitions>
                                    <Button Command="{x:Static DataGrid.SelectAllCommand}" Focusable="false" Style="{DynamicResource {ComponentResourceKey ResourceId=DataGridSelectAllButtonStyle, TypeInTargetAssembly={x:Type DataGrid}}}" Visibility="{Binding HeadersVisibility, ConverterParameter={x:Static DataGridHeadersVisibility.All}, Converter={x:Static DataGrid.HeadersVisibilityConverter}, RelativeSource={RelativeSource AncestorType={x:Type DataGrid}}}" Width="{Binding CellsPanelHorizontalOffset, RelativeSource={RelativeSource AncestorType={x:Type DataGrid}}}"/>
                                    <Grid Grid.Column="1">
                                        <Grid.RowDefinitions>
                                            <RowDefinition Height="Auto" />
                                            <RowDefinition Height="Auto" />
                                        </Grid.RowDefinitions>
                                    <DataGridColumnHeadersPresenter x:Name="PART_ColumnHeadersPresenter" 
                                        Visibility="{Binding HeadersVisibility, ConverterParameter={x:Static DataGridHeadersVisibility.Column}, 
                                        Converter={x:Static DataGrid.HeadersVisibilityConverter}, RelativeSource={RelativeSource AncestorType={x:Type DataGrid}}}"/>
                                    <StackPanel Orientation="Horizontal"    Grid.Row = "1" Grid.Column="1"   ><Button Height="100">test</Button>

                                        <Button Height="100">test</Button>
                                        <Button Height="100">test</Button>
                                        <Button Height="100">test</Button>

                                    </StackPanel>                                   

                                    </Grid><ScrollContentPresenter x:Name="PART_ScrollContentPresenter" CanContentScroll="{TemplateBinding CanContentScroll}" Grid.ColumnSpan="2" Grid.Row="1"/>
                                    <ScrollBar x:Name="PART_VerticalScrollBar" Grid.Column="2" Maximum="{TemplateBinding ScrollableHeight}" Orientation="Vertical" Grid.Row="1" Visibility="{TemplateBinding ComputedVerticalScrollBarVisibility}" Value="{Binding VerticalOffset, Mode=OneWay, RelativeSource={RelativeSource TemplatedParent}}" ViewportSize="{TemplateBinding ViewportHeight}"/>
                                    <Grid Grid.Column="1" Grid.Row="2">
                                        <Grid.ColumnDefinitions>
                                            <ColumnDefinition Width="{Binding NonFrozenColumnsViewportHorizontalOffset, RelativeSource={RelativeSource AncestorType={x:Type DataGrid}}}"/>
                                            <ColumnDefinition Width="*"/>
                                        </Grid.ColumnDefinitions>
                                        <ScrollBar x:Name="PART_HorizontalScrollBar" Grid.Column="1" Maximum="{TemplateBinding ScrollableWidth}" Orientation="Horizontal" Visibility="{TemplateBinding ComputedHorizontalScrollBarVisibility}" Value="{Binding HorizontalOffset, Mode=OneWay, RelativeSource={RelativeSource TemplatedParent}}" ViewportSize="{TemplateBinding ViewportWidth}"/>
                                    </Grid>
                                </Grid>
                            </ControlTemplate>
                        </ScrollViewer.Template>
                        <ItemsPresenter SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
                    </ScrollViewer>
                </Border>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
    <Style.Triggers>
        <Trigger Property="IsGrouping" Value="true">
            <Setter Property="ScrollViewer.CanContentScroll" Value="false"/>
        </Trigger>
    </Style.Triggers>
</Style>