使用绑定WPF在控制触发器中设置属性

时间:2018-09-05 15:17:03

标签: c# wpf controltemplate

我在WPF中设计了一个文本框,可以自动验证该文本框,并在验证失败时显示错误消息。

这是我的ControlTemplate:

 <Setter Property="Template">
     <Setter.Value>
     <ControlTemplate TargetType="Controls:ShamsText">
         <Grid>
             <Border Name="container" HorizontalAlignment="Left" Padding="{TemplateBinding Padding}" Height="{TemplateBinding Height}" BorderThickness="1" BorderBrush="#ccc" Background="{TemplateBinding Background}">
                 <ScrollViewer Padding="0" x:Name="PART_ContentHost" Width="{TemplateBinding Width}" Height="{TemplateBinding Height}" VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}" TextBlock.TextAlignment="Center" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
             </Border>

             <Popup Name="Popup" 
                     Placement="Top"
                     Focusable="False"
                     AllowsTransparency="True"
                     IsOpen="{TemplateBinding ComboBox.IsDropDownOpen}"
                     PopupAnimation="Slide">
                 <Grid>
                     <Border Padding="0 0 0 10">
                         <Border Name="DropDownBorder" 
                             Background="#35403F"
                             Padding="12 10 12 10"
                             Margin="0, 1, 0, 0"
                             SnapsToDevicePixels="True"
                             CornerRadius="4"                                         
                             BorderThickness="1,1,1,1" 
                             BorderBrush="#35403F">
                             <ScrollViewer SnapsToDevicePixels="True">
                                 <TextBlock Name="PopupText" FontWeight="Thin" TextWrapping="Wrap" MaxWidth="{TemplateBinding Width}" Text=" " Foreground="#E8E8E8"/>
                             </ScrollViewer>
                         </Border>
                     </Border>
                     <TextBlock Foreground="#35403F" VerticalAlignment="Bottom" Margin="15 0 0 0" Text="▼"></TextBlock>
                 </Grid>
             </Popup>
         </Grid>
             <ControlTemplate.Triggers>

这是我的触发器,它是ControlTemplate:

 <MultiTrigger>
     <MultiTrigger.Conditions>
         <Condition Property="IsShowRequired" Value="True"></Condition>
         <Condition Property="IsFocused" Value="True"></Condition>
         <Condition Property="IsReadOnly" Value="False"></Condition>
         <Condition Property="Text" Value=""></Condition>
     </MultiTrigger.Conditions>
     <Setter TargetName="container" Property="BorderBrush" Value="#66AFE9"/>
     <Setter TargetName="PopupText" Property="Text" Value="Required Error Messagge"/>
     <Setter TargetName="Popup" Property="IsOpen" Value="True"></Setter>
 </MultiTrigger>

我想自定义“ Required Error Message”,因此我向TextBox类添加了一个属性:

 public static readonly DependencyProperty RequiredMessageProperty = DependencyProperty.Register("RequiredMessage", typeof(string), typeof(ShamsText), new PropertyMetadata("این مقدار اجباری است."));
 public string RequiredMessage
 {
     get { return (string)GetValue(RequiredMessageProperty); }
     set { SetValue(RequiredMessageProperty, value); }
 }

所以我将多重触发更改为:

 <MultiTrigger>
     <MultiTrigger.Conditions>
         <Condition Property="IsShowRequired" Value="True"></Condition>
         <Condition Property="IsFocused" Value="True"></Condition>
         <Condition Property="IsReadOnly" Value="False"></Condition>
         <Condition Property="Text" Value=""></Condition>
     </MultiTrigger.Conditions>
     <Setter TargetName="container" Property="BorderBrush" Value="#66AFE9"/>
     <Setter TargetName="PopupText" Property="Text" Value="{Binding RequiredMessage}"/>
     <Setter TargetName="Popup" Property="IsOpen" Value="True"></Setter>
 </MultiTrigger>

但是一旦触发该触发器,它将PopupText的Text设置为null。

如何动态设置此值?

1 个答案:

答案 0 :(得分:1)

您的Binding遇到了问题,使用您的代码给了我绑定错误。将绑定更改为:

<MultiTrigger>
    <MultiTrigger.Conditions>
        <Condition Property="IsShowRequired" Value="True"></Condition>
        <Condition Property="IsFocused" Value="True"></Condition>
        <Condition Property="IsReadOnly" Value="False"></Condition>
        <Condition Property="Text" Value=""></Condition>
    </MultiTrigger.Conditions>
    <Setter TargetName="container" Property="BorderBrush" Value="#66AFE9"/>
    <Setter TargetName="PopupText" Property="Text" Value="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=RequiredMessage}"/>
    <Setter TargetName="Popup" Property="IsOpen" Value="True"></Setter>
</MultiTrigger>