在 WPF 中的不同控件上显示验证错误模板

Question

我有一个

UserControl

，其中包含其他控件和一个

TextBox

。它有一个

Value

属性，该属性绑定到

TextBox

文本，并将

ValidatesOnDataErrors

设置为 True。

当

Value

属性绑定中发生验证错误时，错误模板（标准红色边框）会显示在整个

UserControl

周围。

有没有办法只在

TextBox

周围显示它？ 我希望能够使用任何错误模板，因此简单地在文本框周围放置边框并将其颜色或其他内容绑定到

Validation.HasError

不是一个选项。

这是我的代码：

<DataTemplate x:Key="TextFieldDataTemplate">
    <c:TextField DisplayName="{Binding Name}" Value="{Binding Value, Mode=TwoWay, ValidatesOnDataErrors=True}"/>
</DataTemplate>

<controls:FieldBase x:Name="root">
<DockPanel DataContext="{Binding ElementName=root}">
    <TextBlock Text="{Binding DisplayName}"/>
    <TextBox x:Name="txtBox"                 
             Text="{Binding Value, Mode=TwoWay, ValidatesOnDataErrors=True}"
             IsReadOnly="{Binding IsReadOnly}"/>
</DockPanel>

UserControl (FieldBase) 绑定到执行验证的 ModelView。

Answer 1

为了完成这项任务，我使用了这个解决方案。它使用转换器，通过将 (Validation.Errors).CurrentItem 转换为厚度来“隐藏”边框。

<Grid>
    <Grid.Resources>
        <data:ValidationBorderConverter
            x:Key="ValidationBorderConverter" />
    </Grid.Resources>
    <Border
        BorderBrush="#ff0000"
        BorderThickness="{Binding 
            ElementName=myControl, 
            Path=(Validation.Errors).CurrentItem, 
            Converter={StaticResource ValidationBorderConverter}}">
        <TextBox
            ToolTip="{Binding 
                ElementName=myControl, 
                Path=(Validation.Errors).CurrentItem.ErrorContent}" />
    </Border>
</Grid>

ValidationBorderConverter 类非常简单：

[ValueConversion(typeof(object), typeof(ValidationError))]
public sealed class ValidationBorderConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, 
            System.Globalization.CultureInfo culture)
    {
        return (value == null) ? new Thickness(0) : new Thickness(1);
    }

    public object ConvertBack(object value, Type targetType, object parameter, 
            System.Globalization.CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}