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 に答える