WPF按文本框标题列创建过滤器

Question

我正在尝试在我的 dataGrid 中为每个列标题创建一个基于文本的过滤器。我已经设法通过数据模板添加了文本框。

因此，一旦用户在列标题文本框中输入文本，网格将仅按该列过滤。

这就是它的样子

但我不知道如何使用 TextChanged 事件，因为我得到了一个

ResourceDictionary' 根元素需要 x:Class 属性来支持 XAML 文件中的事件处理程序

错误。

这是我目前的补充

<Grid.Resources>
                <Style TargetType="{x:Type DataGridColumnHeader}" BasedOn="{StaticResource DataGridColumnHeaderStyle}" >
                    <Setter Property="ContentTemplate">
                        <Setter.Value>
                            <DataTemplate>
                                <StackPanel Background="{DynamicResource ListHeaderBackgroundBrush}">
                                    <TextBlock Text="{Binding}" TextWrapping="Wrap"/>
                                    <TextBox TextChanged="OnTextChanged"></TextBox> <!--per column filter-->
                                </StackPanel>
                            </DataTemplate>
                        </Setter.Value>
                    </Setter>

                </Style>
            </Grid.Resources>

这是整个 sn-p，包括对如何定义列的引用。

 <Style x:Key="ExtraDataTabItemStyle" TargetType="{x:Type TabItem}" BasedOn="{StaticResource TabItemStyle}" >
        <Setter Property="Visibility"  Value="{Binding Path=HasItems, Converter={extensions:VisibilityConverter HideOnly=False}}" />
    </Style>
    <DataTemplate x:Key="ExtraDataTabItemTemplate"  DataType="{x:Type my:StudyExtraDataViewModel}">
        <Grid Width="Auto" Height="Auto">
            <TextBlock Text="{Binding Path=Header}"></TextBlock>
        </Grid>
    </DataTemplate>
    <!-- Custom styling for context menu items -->
    <Style TargetType="{x:Type MenuItem}" BasedOn="{StaticResource ContextMenuItemStyle}">
    </Style>
    <DataTemplate DataType="{x:Type my:StudiesViewModel}">
        <Grid >
            <Grid.Resources>
                <Style TargetType="{x:Type DataGridColumnHeader}" BasedOn="{StaticResource DataGridColumnHeaderStyle}" >
                    <Setter Property="ContentTemplate">
                        <Setter.Value>
                            <DataTemplate>
                                <StackPanel Background="{DynamicResource ListHeaderBackgroundBrush}">
                                    <TextBlock Text="{Binding}" TextWrapping="Wrap"/>
                                    <TextBox TextChanged="OnTextChanged"></TextBox> <!--per column filter-->
                                </StackPanel>
                            </DataTemplate>
                        </Setter.Value>
                    </Setter>
                    
                </Style>
            </Grid.Resources>
            <Grid.RowDefinitions>
                <RowDefinition Height="{Binding StudiesGridHeight, Mode=TwoWay}" MinHeight="150"/>
                <RowDefinition Height="Auto" />
                <RowDefinition Height="{Binding SeriesGridHeight, Mode=TwoWay}" MinHeight="200" />
            </Grid.RowDefinitions>
            <controls:DataGridExtended  Grid.Row="0" x:Name="studiesGrid" DataContext="{Binding}" ItemsSource="{Binding Path=Studies}"
                                        EnableRowVirtualization ="False"
                                        Margin="10,10,10,10"
                                        AutoGenerateColumns ="False"
                                        AreRowDetailsFrozen="False"
                                        ColumnsPreferences="{Binding Path=Columns}"
                                        ColumnsForcedToPresent="{Binding Path=ColumnsForcedToPresent}"
                                        Style="{DynamicResource DataGridStyleExtended}"
                                        UserSelectionChanged="OnUserSelectionChanged"
                                        SourceSelectionChanged="OnSourceSelectionChanged"                                                                                 
                                        ColumnHeaderContextMenu="{Binding Path=ColumnHeaderContextMenu}"
                                        >
                <DataGrid.RowStyle>
                    <Style TargetType="{x:Type DataGridRow}" BasedOn="{StaticResource DataGridRowStyle}">
                        <Setter Property="IsSelected" Value="{Binding Selected, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"/>
                        <Setter Property="behaviors:ClickBehavior.DoubleClick" 
                                Value="{Binding ElementName=studiesGrid, Path=DataContext.StudyDoubleClickCommand}"/>
                    </Style>
                </DataGrid.RowStyle>
           
                <DataGrid.Columns>
                    
                    <DataGridTextColumn controls:DataGridExtended.ColumnId="StudyId"
                                        Header="{wpfCommon:LocalizeExtension Key=StudyId, Type='Systems.CommonComponents.UI.StudySelectorWindow, CommonComponents'}"     
                                        Binding="{Binding StudyId}"
                                        ElementStyle="{DynamicResource TextBlockStyle}"
                                        CanUserSort="True">
                        

                    </DataGridTextColumn>

Answer 1

如果您的Style 是在ResourceDictionary 中定义的，您需要在其中定义事件处理程序的位置添加一个代码隐藏类。

1. 将 x:Class 属性添加到 XAML 标记的根元素：

   <ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                x:Class="YourProjectNamespace.MyResourceDictionary"
                ...
   

2. 添加一个名为 MyResourceDictionary 的类。xaml.cs（其中“MyResourceDictionary”是定义 Style 的资源字典的当前名称）并从 ResourceDictionary 派生它。 p>

3. 将事件处理程序添加到新类中：

    namespace YourProjectNamespace
    {
        partial class MyResourceDictionary : ResourceDictionary
        {
            public MyResourceDictionary()
            {
                InitializeComponent();
            }
   
            private void OnTextChanged(object sender, TextChangedEventArgs e)
            {
                 //...
            }
        }
    }