2

我正在尝试使用具有文本块和按钮的自定义标题制作数据网格。文本块和按钮由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/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>

但是，有几件事我不喜欢。设置列标题的模板属性会消除一些默认外观，例如标题的背景颜色和排序图标。看起来我真的把整个东西都换了。

另外，我不确定如何找出单击了哪个列标题，以便更改相应列的宽度，也不确定如何将每列的不同标题名称绑定到控件中的HeaderText属性CollapsibleDataGridHeader。

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

4

1 回答 1

0

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

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

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

这个答案解释了如何绑定到样式中设置的控件：

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

于 2012-07-07T07:03:34.163 回答