Как назначить пользовательский элемент управления UserControl заголовку столбца DataGrid?
Я пытаюсь сделать сетку данных с пользовательским заголовком, который имеет текстовый блок и кнопку. Текстовый блок и кнопка представлены этим 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
контроль.
Можно ли избежать использования стилей и вместо этого назначить мой элемент управления заголовку столбца? Если нет, то как мне выполнить привязки и получить столбец, по которому щелкнули, используя решение для установки стиля выше?
1 ответ
Этот пост Манаса Патнаика, кажется, имеет ответ:
Существует XAML, показывающий, как установить шаблон заголовка, чтобы он сохранил стиль по умолчанию, а также объяснение того, как получить доступ к элементам управления из заголовка DataGrid через кодовый код.
Этот ответ объясняет, как связать элементы управления, установленные в стиле:
Динамическая настройка текста заголовка столбца Silverlight DataGrid