应用于文本框的text属性的DataTrigger导致其绑定停止工作

Question

我在TextBox上有一个功能绑定，它充当了searbar。 但是，当我将以下触发器应用于相同的绑定（第一个触发器）时，它将停止绑定。

  <TextBox>
    <TextBox.Style>
      <Style TargetType="TextBox">
        <Setter Property="Text" Value="{Binding Path=SearchFilterString, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"/>
        <Style.Triggers>
          <!-- 1st trigger -->
          <DataTrigger Binding="{Binding Path=SearchFilterString}" Value="">
            <Setter Property="Text" Value="Type in part name to search."/>
          </DataTrigger>
          <!-- 2nd trigger -->
          <Trigger Property="IsFocused" Value="true">
            <Setter Property="Text" Value="{x:Null}"/>
          </Trigger>
        </Style.Triggers>
      </Style>
    </TextBox.Style>
  </TextBox>

我还包括了第二个触发器，以确保在解决第一个触发器后，它不会造成无限循环的情况。 因此，也请对此发表评论。

这两个触发器的目的是在TextBox显示一些指导，以描述此texbox的内容，并且一旦TextBox获得焦点并且用户尝试键入search关键字时，该指导就会消失。让我知道您是否相信有一个做同一件事的更好方法。

Answer 1

您的绑定将不起作用，因为您用触发器的setter覆盖了它：将同一个Text属性绑定到视图模型时，将其Text属性设置为一个值。 两者不能同时工作。

本质上，您正在尝试在文本框中创建称为“水印”的内容。 我特别喜欢以下解决方案，因为它不会修改TextBox本身，而是在其顶部分层装饰：

TextBox的水印行为

Answer 2

您正在寻找水印文本框。 标准WPF TextBox不支持此行为。

但是，可以使用第三方控件，例如Frank指出的控件： http : //wpfplayground.com/2014/06/30/watermark-behavior-for-textbox/

可以在WPF中的Watermark /提示文本/占位符TextBox中找到自己的方法

最后，您始终可以只将自己的 TextBox或TextBlock覆盖在实际的文本框上，然后将其隐藏在焦点上，这基本上是相同的。

Answer 3

这就是我使用Brad的想法实现的方法。

我只是简单地在Label上放上想要的水印，然后将TextBox重叠在上面。 我要做的就是将绑定内容为空时将TextBox的Background属性设置为Transparent 。 发生这种情况时，您可以在背面看到标签。

因此，您开始键入水印的那一刻消失了。

XAML

  <!-- Watermark Label -->
  <Label 
    Foreground="Gray"
    Content="Type the part name to start the search."
    />

  <!-- Search TextBox -->
  <TextBox Grid.Column="0" 
           HorizontalAlignment="Stretch" 
           >
    <TextBox.Style>
      <Style TargetType="TextBox">
        <Setter Property="Text" Value="{Binding Path=SearchFilterString, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"/>
        <Style.Triggers>
          <DataTrigger Binding="{Binding Path=SearchFilterString}" Value="">
            <Setter Property="Background" Value="Transparent"/>
          </DataTrigger>
        </Style.Triggers>
      </Style>
    </TextBox.Style>
  </TextBox>

结果