如何在样式资源字典中从TextChanged文本框中触发和处理DataGridColumnHeader事件

Question

我让TextBox驻留在DataGridColumnHeader in style资源字典中，TextBox用作筛选器，因此我需要触发TextChanged事件并在视图模型中处理它以实现过滤process.The点，我需要提交以下规则：

1. 后面没有密码
2. 视图模型中的事件传递
3. USe样式，以便能够一致地应用于所有DataGrids
4. 将事件参数传递给要在筛选过程中使用的视图模型

我做了很多谷歌搜索，但没有找到解决方案，承诺所有这些规则。提前感谢

编辑:这里是定义文本框的资源字典的完整xaml。注意:我正在使用MVVM尝试将文本框的TextChanged事件绑定到视图模型中的附加行为中，还注意到这个xamle仍在开发和修改中，因为我知道它大部分来自DataGrid筛选应用程序。

enter code here
    <ResourceDictionary x:Class="PreCommissioning.Infrastructure.Filter2.FilteringDataGrid"
 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
 xmlns:dg="http://schemas.microsoft.com/wpf/2008/toolkit"
 xmlns:i="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity"      
 xmlns:cmd="clr-namespace:GalaSoft.MvvmLight.Command;assembly=GalaSoft.MvvmLight.Extras.WPF4"                   
 xmlns:local="clr-namespace:PreCommissioning.Infrastructure.Filter2;assembly=PreCommissioning.Infrastructure"
 xmlns:localx="clr-namespace:PreCommissioning.Module.Subsystem.ViewModel;assembly=PreCommissioning.Module.Subsystem"    
 xmlns:my="http://schemas.microsoft.com/wpf/2008/toolkit"
>

    <local:HeaderFilterConverter x:Key="headerConverter"/>

        <Style TargetType="{x:Type DataGridColumnHeader}">
            <Setter Property="VerticalContentAlignment" Value="Center"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type DataGridColumnHeader}">
                        <ControlTemplate.Resources>
                            <Storyboard x:Key="ShowFilterControl">
                                <ObjectAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="filterTextBox" Storyboard.TargetProperty="(UIElement.Visibility)">
                                    <DiscreteObjectKeyFrame KeyTime="00:00:00" Value="{x:Static Visibility.Visible}"/>
                                    <DiscreteObjectKeyFrame KeyTime="00:00:00.5000000" Value="{x:Static Visibility.Visible}"/>
                                </ObjectAnimationUsingKeyFrames>
                                <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="filterTextBox" Storyboard.TargetProperty="(Panel.Background).(SolidColorBrush.Color)">
                                    <SplineColorKeyFrame KeyTime="00:00:00" Value="Transparent"/>
                                    <SplineColorKeyFrame KeyTime="00:00:00.5000000" Value="White"/>
                                </ColorAnimationUsingKeyFrames>
                            </Storyboard>
                            <Storyboard x:Key="HideFilterControl">
                                <ObjectAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="filterTextBox" Storyboard.TargetProperty="(UIElement.Visibility)">
                                    <DiscreteObjectKeyFrame KeyTime="00:00:00.4000000" Value="{x:Static Visibility.Collapsed}"/>
                                </ObjectAnimationUsingKeyFrames>
                                <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="filterTextBox" Storyboard.TargetProperty="(UIElement.OpacityMask).(SolidColorBrush.Color)">
                                    <SplineColorKeyFrame KeyTime="00:00:00" Value="Black"/>
                                    <SplineColorKeyFrame KeyTime="00:00:00.4000000" Value="#00000000"/>
                                </ColorAnimationUsingKeyFrames>
                            </Storyboard>
                        </ControlTemplate.Resources>
                        <my:DataGridHeaderBorder x:Name="dataGridHeaderBorder" Margin="0" VerticalAlignment="Top" Height="31" IsClickable="{TemplateBinding CanUserSort}" IsHovered="{TemplateBinding IsMouseOver}" IsPressed="{TemplateBinding IsPressed}" SeparatorBrush="{TemplateBinding SeparatorBrush}" SeparatorVisibility="{TemplateBinding SeparatorVisibility}" SortDirection="{TemplateBinding SortDirection}" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Padding="{TemplateBinding Padding}" Grid.ColumnSpan="1">
                            <Grid x:Name="grid" Width="Auto" Height="Auto" RenderTransformOrigin="0.5,0.5">
                                <Grid.RenderTransform>
                                    <TransformGroup>
                                        <ScaleTransform/>
                                        <SkewTransform/>
                                        <RotateTransform/>
                                        <TranslateTransform/>
                                    </TransformGroup>
                                </Grid.RenderTransform>
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="*"/>
                                </Grid.ColumnDefinitions>
                                <ContentPresenter x:Name="contentPresenter"
                                    HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" 
                                    VerticalAlignment="{TemplateBinding VerticalContentAlignment}" 
                                    SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" 
                                    ContentStringFormat="{TemplateBinding ContentStringFormat}" 
                                    ContentTemplate="{TemplateBinding ContentTemplate}">
                                    <ContentPresenter.Content>
                                        <MultiBinding Converter="{StaticResource headerConverter}">
                                            <MultiBinding.Bindings>
                                                <Binding ElementName="filterTextBox" Path="Text" />
                                                <Binding RelativeSource="{RelativeSource TemplatedParent}" Path="Content" />
                                            </MultiBinding.Bindings>
                                        </MultiBinding>
                                    </ContentPresenter.Content>
                                </ContentPresenter>

                            <!--Filter Text Box-->    
                            <TextBox x:Name="filterTextBox" HorizontalAlignment="Right" 
                                         MinWidth="25" Height="Auto" OpacityMask="Black" Visibility="Collapsed" 
                                         Text="" 
                                         TextWrapping="Wrap" Grid.Column="0" Grid.ColumnSpan="1">
                                <i:Interaction.Triggers>
                                    <i:EventTrigger EventName="TextChanged">
                                        <cmd:EventToCommand  Command="{Binding Path=DataContext.TextChangedCommand, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type UserControl}}}"
                                                             PassEventArgsToCommand="True"
                                                             CommandParameter="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type TextBox}}, Path=Name}"/>
                                    </i:EventTrigger>
                                </i:Interaction.Triggers>
                            </TextBox>

                        </Grid>
                        </my:DataGridHeaderBorder>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsMouseOver" Value="True">
                                <Trigger.EnterActions>
                                    <BeginStoryboard x:Name="ShowFilterControl_BeginStoryboard" Storyboard="{StaticResource ShowFilterControl}"/>
                                    <StopStoryboard BeginStoryboardName="HideFilterControl_BeginShowFilterControl"/>
                                </Trigger.EnterActions>
                                <Trigger.ExitActions>
                                    <BeginStoryboard x:Name="HideFilterControl_BeginShowFilterControl" Storyboard="{StaticResource HideFilterControl}"/>
                                    <StopStoryboard BeginStoryboardName="ShowFilterControl_BeginStoryboard"/>
                                </Trigger.ExitActions>
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>


    <Style x:Key="DataGridStyle" TargetType="DataGrid">
        <Setter Property="ScrollViewer.CanContentScroll" Value="true"/>
        <Setter Property="SnapsToDevicePixels" Value="True" />
        <Setter Property="AlternatingRowBackground" Value="#00FFFFFF"/>
        <Setter Property="VerticalGridLinesBrush" Value="#FFC9CACA"/>
        <Setter Property="HorizontalGridLinesBrush" Value="#FFC9CACA"/>
        <Setter Property="AutoGenerateColumns" Value="False"/>
        <!--

        -->
        <Style.Triggers>
            <Trigger Property="IsGrouping" Value="true">
                <Setter Property="ScrollViewer.CanContentScroll" Value="false"/>
            </Trigger>
        </Style.Triggers>
    </Style>


</ResourceDictionary>

Answer 1

我在我的应用程序中实现了一个非常类似的过滤器文本。它与命令一起工作，以参数作为当前文本。我希望这就是你想要的(看到这个问题这些年来一直没有得到解答有点晚了)。

<StackPanel Grid.Row="0" Orientation="Horizontal">
        <Label Content="Filter names by " ></Label>
        <TextBox Name="txtFilter" Width="290" Height="25" VerticalAlignment="Center" Text="{Binding FilterText, UpdateSourceTrigger=PropertyChanged}"
                 BorderBrush="DarkGray" BorderThickness="0,0,0,1">
            <i:Interaction.Triggers>
                <i:EventTrigger EventName="TextChanged">
                    <i:InvokeCommandAction Command="{Binding FilterItemsCommand}"></i:InvokeCommandAction>
                </i:EventTrigger>
            </i:Interaction.Triggers>
        </TextBox>
    </StackPanel>

在相应的ViewModel中，我有下面的代码行来使用过滤器操作。

ViewModel构造函数：

FilterItemsCommand = new RelayCommand(_ => FilterItems(), _ => CanFilterItems);
FilterText = string.Empty;

以及filter命令逻辑：

    [NotifyPropertyChanged]
    public string FilterText { get; set; }
    public ICommand FilterItemsCommand
    {
        get;
        set;
    }

    public void FilterItems()
    {
        // to load the items from source so every filter change will be from the source. 
        if (string.IsNullOrWhiteSpace(FilterText))
            PopulateItems(); //imagine i am loading a set of items from source to display in the UI
        else PopulateItems(filter: FilterText);
    }

    public bool CanFilterItems
    {
        get
        {
            return (Items != null);
        }
    }

如果您对PopulateItems方法感兴趣，

private void PopulateLaunchItems(string filter = "")
    {
        // Add items
        Items = new ObservableCollection<SomeItemType>();

        // use your filter to manipulate the data from source
        ...
        ...
    }            

这是一段有用的代码。我希望这可能会对未来的人有所帮助，即使最初被问到的人可能已经离开了。;-)