Я пытаюсь сделать datagrid с пользовательским заголовком, который имеет текстовый блок и кнопку. TextBlock и кнопка представлена эта 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>
Однако, есть несколько вещей, которые мне не нравятся. Установка свойства шаблона заголовка столбца стирает часть внешнего вида, например, цвет фона заголовка и значок сортировки. Похоже, я буквально заменил все это.
Кроме того, я не уверен, как я могу узнать, какой заголовок столбца был нажат, чтобы я мог изменить ширину соответствующего столбца, и как бы я привязывал разные заголовки заголовков для каждого столбца к свойству HeaderText
в моем CollapsibleDataGridHeader
контроле ,
Можно ли избежать использования стилей и вместо этого назначить мой элемент управления заголовку столбца? Если нет, как я могу сделать привязки и получить, какой столбец был нажат, используя вышеописанное решение для настройки стиля?