在文本匹配 MVVM 时更改 TextBox BorderBrush 的颜色

Question

所有，我创建了一个DataGrid，上面有一个搜索框。当用户键入并在DataGrid 中找到文本时，匹配单元格的背面颜色为橙色。我已经做到了这一点，但现在（回顾性地）想要将搜索 TextBox 的 BorderBrush 更改为“红色”，如果 没有 找到文本（否则默认）。控件的 XAML 是

<UserControl x:Class="ResourceStudio.Views.ResourceControl"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:viewModels="clr-namespace:ResourceStudio.ViewModels" 
             xmlns:dataAccess="clr-namespace:ResourceStudio.DataAccess" 
             xmlns:controls="clr-namespace:ResourceStudio.Controls"
             mc:Ignorable="d">
   <DockPanel HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
      <TextBox DockPanel.Dock="Top" Name="searchBox" BorderBrush="#FF007ACC" BorderThickness="2">
         <TextBox.Resources>
            <Style TargetType="{x:Type TextBox}">
               <Style.Triggers>
                  <Trigger Property="dataAccess:DataGridTextSearch.IsTextMatch" Value="False">
                     <Setter Property="BorderBrush" Value="Red" />
                  </Trigger>
               </Style.Triggers>
            </Style>
         </TextBox.Resources>
      </TextBox>
      <Grid DockPanel.Dock="Top">
         <Border>
            <controls:ResourceDataGrid ItemsSource="{Binding Path=Resources}" 
                      dataAccess:DataGridTextSearch.SearchValue="{Binding ElementName=searchBox, 
                      Path=Text, UpdateSourceTrigger=PropertyChanged}">
               <controls:ResourceDataGrid.Columns>
                  <DataGridTextColumn Header="KeyIndex" Binding="{Binding KeyIndex}" IsReadOnly="True"/>
                  <DataGridTextColumn Header="FileName" Binding="{Binding FileName}" IsReadOnly="True"/>
                  <DataGridTextColumn Header="ResourceName" Binding="{Binding ResourceName}" IsReadOnly="False"/>
                  <controls:CollectionTextColumn Collection="ResourceStringList" Visibility="Collapsed"/>
               </controls:ResourceDataGrid.Columns>
               <controls:ResourceDataGrid.Resources>
                  <dataAccess:SearchValueConverter x:Key="searchValueConverter"/>
                  <Style TargetType="{x:Type DataGridCell}">
                     <Setter Property="dataAccess:DataGridTextSearch.IsTextMatch">
                        <Setter.Value>
                           <MultiBinding Converter="{StaticResource searchValueConverter}">
                              <Binding RelativeSource="{RelativeSource Self}" Path="Content.Text" />
                              <Binding RelativeSource="{RelativeSource Self}" Path="(dataAccess:DataGridTextSearch.SearchValue)" />
                           </MultiBinding>
                        </Setter.Value>
                     </Setter>
                     <Style.Triggers>
                        <Trigger Property="dataAccess:DataGridTextSearch.IsTextMatch" Value="True">
                           <Setter Property="Background" Value="Orange" />
                        </Trigger>
                     </Style.Triggers>
                  </Style>
               </controls:ResourceDataGrid.Resources>
            </controls:ResourceDataGrid>
         </Border>
      </Grid>
   </DockPanel>
</UserControl>

我的基本Trigger TextBox 什么都不做。 如何使用与DataGrid 相同的机制更改TextBox BorderBrush 的颜色？

感谢您的宝贵时间。

---

编辑。管理DependencyProperty 和IConverter 的类是

public static class DataGridTextSearch 
{
    public static readonly DependencyProperty SearchValueProperty =
        DependencyProperty.RegisterAttached("SearchValue", typeof(string), typeof(DataGridTextSearch),
            new FrameworkPropertyMetadata(string.Empty, FrameworkPropertyMetadataOptions.Inherits));

    public static string GetSearchValue(DependencyObject obj)
    {
        return (string)obj.GetValue(SearchValueProperty);
    }

    public static void SetSearchValue(DependencyObject obj, string value)
    {
        obj.SetValue(SearchValueProperty, value);
    }

    public static readonly DependencyProperty IsTextMatchProperty =
        DependencyProperty.RegisterAttached("IsTextMatch", typeof(bool), 
          typeof(DataGridTextSearch), new UIPropertyMetadata(false));

    public static bool GetIsTextMatch(DependencyObject obj)
    {
        return (bool)obj.GetValue(IsTextMatchProperty);
    }

    public static void SetIsTextMatch(DependencyObject obj, bool value)
    {
        obj.SetValue(IsTextMatchProperty, value);
    }
}

public class SearchValueConverter : IMultiValueConverter
{
    public object Convert(object[] values, Type targetType, object parameter, CultureInfo culture)
    {
        string cellText = values[0] == null ? String.Empty : values[0].ToString();
        string searchText = values[1] as String;
        if (!string.IsNullOrEmpty(searchText) && 
            !string.IsNullOrEmpty(cellText))
        {
            return cellText.ToLower().StartsWith(searchText.ToLower());
        }
        return false;
    }

    public object[] ConvertBack(object value, Type[] targetTypes, object parameter, CultureInfo culture)
    {
        throw new System.NotImplementedException();
    }
}

Answer 1

好的，我找到了一种方法，方法是为 DataGrid 创建一个新的 AttachedProperty IsAnyTextMatch

在IMultiValueConverter 中，如果找到任何匹配项，我们传入DataGrid 并将新的DataGrid IsAnyTextMatch 属性设置为true，如果您输入SearchBox，则IsAnyTextMatch 将被重置假的

现在您可以在 TextBox 上创建 DataTrigger 并将其设置为 DataGrid IsAnyTextMatch 以设置 TextBox 边框颜色。

这可能不是最迷人的方法，但它不需要您再次遍历 DataGrid 集合来设置 TextBox 背景。

这是基于我的回答的示例：Proper DataGrid search from TextBox in WPF using MVVM

代码：

namespace WpfApplication10
{
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();

        }

        public IEnumerable<TestClass> TestData
        {
            get
            {
                yield return new TestClass { Column1 = "Stack", Column2 = "Overflow" };
                yield return new TestClass { Column1 = "Is", Column2 = "An" };
                yield return new TestClass { Column1 = "Awesome", Column2 = "Resource" };
            }
        }
    }


    public static class DataGridTextSearch
    {
        public static readonly DependencyProperty SearchValueProperty =
            DependencyProperty.RegisterAttached("SearchValue", typeof(string), typeof(DataGridTextSearch),
                new FrameworkPropertyMetadata(string.Empty, FrameworkPropertyMetadataOptions.Inherits, new PropertyChangedCallback(PropertyChangedCallback)));

        private static void PropertyChangedCallback(DependencyObject d, DependencyPropertyChangedEventArgs e)
        {
            if (d is DataGrid)
            {
                // serach text has changed, reset tag to false
                (d as DataGrid).SetValue(IsAnyTextMatchProperty, false);
            }
        }

        public static string GetSearchValue(DependencyObject obj)
        {
            return (string)obj.GetValue(SearchValueProperty);
        }

        public static void SetSearchValue(DependencyObject obj, string value)
        {
            obj.SetValue(SearchValueProperty, value);
        }


        public static readonly DependencyProperty IsTextMatchProperty =
            DependencyProperty.RegisterAttached("IsTextMatch", typeof(bool),
              typeof(DataGridTextSearch), new UIPropertyMetadata(false));

        public static bool GetIsTextMatch(DependencyObject obj)
        {
            return (bool)obj.GetValue(IsTextMatchProperty);
        }

        public static void SetIsTextMatch(DependencyObject obj, bool value)
        {
            obj.SetValue(IsTextMatchProperty, value);
        }

        public static readonly DependencyProperty IsAnyTextMatchProperty =
         DependencyProperty.RegisterAttached("IsAnyTextMatch", typeof(bool),
           typeof(DataGridTextSearch), new FrameworkPropertyMetadata(false, FrameworkPropertyMetadataOptions.Inherits));

        public static bool GetIsAnyTextMatch(DependencyObject obj)
        {
            return (bool)obj.GetValue(IsAnyTextMatchProperty);
        }

        public static void SetIsAnyTextMatch(DependencyObject obj, bool value)
        {
            obj.SetValue(IsAnyTextMatchProperty, value);
        }
    }

    public class SearchValueConverter : IMultiValueConverter
    {
        public object Convert(object[] values, Type targetType, object parameter, CultureInfo culture)
        {
            string cellText = values[0] == null ? String.Empty : values[0].ToString();
            string searchText = values[1] as String;
            var datagrid = values[2] as DataGrid;
            bool returnvalue = false;
            if (!string.IsNullOrEmpty(searchText) &&
                !string.IsNullOrEmpty(cellText))
            {
                returnvalue = cellText.ToLower().StartsWith(searchText.ToLower());
            }

            // we found a match so mark DataGrid tag to true for use on TextBox
            if (returnvalue)
            {
                datagrid.SetValue(DataGridTextSearch.IsAnyTextMatchProperty, true);
            }
            return returnvalue;
        }

        public object[] ConvertBack(object value, Type[] targetTypes, object parameter, CultureInfo culture)
        {
            throw new System.NotImplementedException();
        }
    }
}

Xaml：

<Window x:Class="WpfApplication10.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="188" Width="288" Name="UI" xmlns:local="clr-namespace:WpfApplication10">

    <StackPanel DataContext="{Binding ElementName=UI}">
        <TextBox Name="SearchBox" BorderThickness="3" >
            <TextBox.Style>
                <Style TargetType="TextBox">
                    <Setter Property="BorderBrush" Value="Blue" />
                    <Style.Triggers>
                        <DataTrigger Binding="{Binding (local:DataGridTextSearch.IsAnyTextMatch), ElementName=dataGrid}" Value="false">
                            <Setter Property="BorderBrush" Value="Red" />
                        </DataTrigger>
                    </Style.Triggers>
                </Style>
            </TextBox.Style>
        </TextBox>
        <DataGrid x:Name="dataGrid" 
                  local:DataGridTextSearch.SearchValue="{Binding ElementName=SearchBox, Path=Text, UpdateSourceTrigger=PropertyChanged}" 
                  local:DataGridTextSearch.IsAnyTextMatch="False"
                  ItemsSource="{Binding TestData}" >
            <DataGrid.Resources>
                <local:SearchValueConverter x:Key="SearchValueConverter" />
                <Style TargetType="{x:Type DataGridCell}">
                    <Setter Property="local:DataGridTextSearch.IsTextMatch">
                        <Setter.Value>
                            <MultiBinding Converter="{StaticResource SearchValueConverter}">
                                <Binding RelativeSource="{RelativeSource Self}" Path="Content.Text" />
                                <Binding RelativeSource="{RelativeSource Self}" Path="(local:DataGridTextSearch.SearchValue)" />
                                <Binding ElementName="dataGrid" />
                                <!-- pass in datarid-->
                            </MultiBinding>
                        </Setter.Value>
                    </Setter>
                    <Style.Triggers>
                        <Trigger Property="local:DataGridTextSearch.IsTextMatch" Value="True">
                            <Setter Property="Background" Value="Orange" />
                        </Trigger>
                    </Style.Triggers>
                </Style>
            </DataGrid.Resources>
        </DataGrid>
    </StackPanel>
</Window>

结果：