Datagrid自定义标头

时间:2011-05-17 18:00:12

标签: wpf datagrid

我想在Datagrid的标题行中添加一行,其中包含文本框(用于搜索)。
此行应直接显示在原始标题下,看起来像常规项标题。

到目前为止,这是我的代码:

 <Window.Resources>
        <Style x:Key="DataGridColumnHeaderStyle1" TargetType="{x:Type DataGridColumnHeader}">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type DataGridColumnHeader}">

                        <Grid VerticalAlignment="Center" HorizontalAlignment="Stretch">
                            <Grid.RowDefinitions>
                                <RowDefinition Height="*"/>
                                <RowDefinition Height="*"/>
                            </Grid.RowDefinitions>
                            <TextBlock Grid.Row="0" Text="" HorizontalAlignment="Stretch"/>
                            <Grid Grid.Row="1">
                                <TextBox Text="" HorizontalAlignment="Stretch" BorderThickness="1" />
                            </Grid>
                        </Grid>

                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </Window.Resources>

    <Grid x:Name="LayoutRoot">
        <DataGrid x:Name="dataGrid" Height="157" Width="600" Margin="8,8,24,0"
                  VerticalAlignment="Top"
                  AutoGenerateColumns="False"
                  ColumnHeaderStyle="{DynamicResource DataGridColumnHeaderStyle1}"
                  ItemsSource="{Binding}" CanUserAddRows="False"
                  >

            <DataGrid.Columns>
                <DataGridTextColumn Header="Header1" Binding="{Binding Id}" Width="100" />
                <DataGridTextColumn Header="Header2" Binding="{Binding Name}" Width="100"/>
                <DataGridTextColumn Header="Header3" Binding="{Binding Phone}" Width="100"/>
                <DataGridTextColumn Header="Header4" Binding="{Binding Address}" Width="100"/>
                <DataGridTextColumn Header="Header5" Binding="{Binding Description}" Width="*"/>
            </DataGrid.Columns>
        </DataGrid>
    </Grid>
</Window>

我的contentTemplate的问题是它没有获得定义的“标题标题”。

1 个答案:

答案 0 :(得分:2)

如果我理解正确,我想你想要这样的事情:

<TextBox Text="{TemplateBinding Content}" HorizontalAlignment="Stretch" BorderThickness="1" />

这会将您在文本框中键入Header属性的文本作为文本。

编辑: 模板绑定有效,因为您正在从模板化标题到您在样式之外定义的标题进行绑定。换句话说,TemplateBinding标记与源绑定作为实际标头。

为了更清楚一点,TemplateBindingBinding RelativeSource={RelativeSource TemplatedParent}}相同。所以这是一个绑定,其中源是DataGridColumnHeader。当此样式应用于数据网格时,标题将成为模板化父级。因此,绑定只会绑定到模板化父级的内容,即您的<DataGridTextColumn Header="Header1" Binding="{Binding Id}" Width="100" />

这是msdn:TemplateBinding

的链接