从列标题中的TextBox过滤WPF DataGrid值

时间:2013-11-12 19:13:45

标签: c# data-binding datagrid wpfdatagrid wpf-4.0

我按照以下链接(filter wpf datagrid values from a textbox)中的建议来创建图A.这使我可以在按下Button时根据TextBox中的内容过滤DataGrid。

然而,一旦我在DataGrid的列标题中移动Button和TextBox,如图B所示.Button仍然有效但TextBox的Binding没有,因为它在代码中显示为null。

http://i42.tinypic.com/2quivpx.png

链接中所做的唯一真正的改变是我的XAML,我将TextBox和Button放在DataGridTemplateColumn标题中。

<Grid DataContext="{Binding ElementName=UI}" >
    <DataGrid AutoGenerateColumns="False" Height="184" HorizontalAlignment="Left" Margin="12,23,0,0" Name="dataGrid1" VerticalAlignment="Top" Width="384" ItemsSource="{Binding DataGridCollection}">
           <DataGrid.Columns>
            <DataGridTemplateColumn>
                <DataGridTemplateColumn.HeaderTemplate>
                    <DataTemplate>
                        <StackPanel Orientation="Horizontal">
                            <TextBox Name="IDSearcBox" Text="{Binding FilterString}" Width="100"/>
                            <Button  Name="IDSearchButton" Click="IDButton_Click"  Content="I" Width="30"/>
                        </StackPanel>
                    </DataTemplate>
                </DataGridTemplateColumn.HeaderTemplate>
                <DataGridTemplateColumn.CellTemplate>
                    <DataTemplate>
                        <TextBlock Text="{Binding ID}"/>
                    </DataTemplate>
                </DataGridTemplateColumn.CellTemplate>
            </DataGridTemplateColumn>
            <DataGridTemplateColumn>
                <DataGridTemplateColumn.HeaderTemplate>
                    <DataTemplate>
                        <StackPanel Orientation="Horizontal">
                            <TextBox Name="NameSearchBox" Text="{Binding FilterString}" Width="100"/>
                            <Button  Name="NameSearchButton" Click="NameSearchButton_Click"  Content="N" Width="30"/>
                        </StackPanel>
                    </DataTemplate>
                </DataGridTemplateColumn.HeaderTemplate>
                <DataGridTemplateColumn.CellTemplate>
                    <DataTemplate>
                        <TextBlock Text="{Binding Name}"/>
                    </DataTemplate>
                </DataGridTemplateColumn.CellTemplate>
            </DataGridTemplateColumn>
            <DataGridTextColumn Header="SomethingElse" Binding="{Binding SomethingElse}"/>
        </DataGrid.Columns>
    </DataGrid>
</Grid>

对此的任何帮助将不胜感激!我一整天都在琢磨我的大脑!

(我会在另一篇文章上发布一些建议,但我看不到任何选项!)

1 个答案:

答案 0 :(得分:3)

Textbox现在位于DataGrids ItemSource DataContext内,

尝试将TextBox的DataContext设置回您的用户界面DataContext

<TextBox Name="IDSearcBox" Text="{Binding FilterString, ElementName=UI}"