Question

在MSDN Magazine上有一篇关于MVVM的好文章，他们将Xaml中的验证错误绑定到Validation.ErrorTemplate="{x:Null}"。我不明白为什么以及如何从IDataErrorInfo中显示错误？任何人都可以告诉我如何使用MVVM方法将错误消息显示在屏幕上？

Answer 1

当您绑定到支持IDataErrorInfo的对象时，需要考虑WPF Binding类的几个功能：

ValidatesOnDataErrors必须为True。这指示WPF在底层对象上查找并使用IDataError接口。
如果源对象的IDataError接口报告了验证问题，则附加属性Validation.HasError将在目标对象上设置为true。然后，您可以使用此属性和触发器来更改控件的工具提示以显示验证错误消息（我在当前项目中执行此操作，最终用户喜欢它）。
Validation.Errors附加属性将包含上次验证尝试产生的任何ValidationResult错误的枚举。如果您使用工具提示方法，请使用IValueConverter仅检索第一个项目...否则您将遇到绑定错误以显示错误消息本身。
绑定类公开NotifyOnValidationError，当为True时，每次验证规则的状态发生变化时，都会导致路由事件从绑定控件冒泡。如果要在绑定控件的容器中实现事件处理程序，然后在列表框中添加和删除验证消息，这将非常有用。

MSDN上有两个样本用于执行两种反馈方式（工具提示以及列表框），但我会粘贴下面的代码，以实现我的DataGridCells和TextBoxes上的工具提示反馈...

DataGridCell样式：

   <Style TargetType="{x:Type dg:DataGridCell}"
           x:Key="DataGridCellStyle">

      <Setter Property="ToolTip"
              Value="{Binding Path=Column.(ToolTipService.ToolTip),RelativeSource={RelativeSource Self}}" />

      <Style.Triggers>
        <Trigger Property="Validation.HasError"
                 Value="True">
          <Setter Property="ToolTip"
                  Value="{Binding RelativeSource={RelativeSource Self},Path=(Validation.Errors), Converter={StaticResource ErrorContentConverter}}" />
        </Trigger>
      </Style.Triggers>

    </Style>

TextBox样式：

     <Style x:Key="ValidatableTextBoxStyle" TargetType="TextBox">
  <!--When the control is not in error, set the tooltip to match the AutomationProperties.HelpText attached property-->
  <Setter Property="ToolTip"
          Value="{Binding RelativeSource={RelativeSource Mode=Self},Path=(AutomationProperties.HelpText)}" />

          <Style.Triggers>
            <Trigger Property="Validation.HasError" Value="true">
              <Setter Property="ToolTip"
                      Value="{Binding RelativeSource={x:Static RelativeSource.Self},Path=(Validation.Errors)[0].ErrorContent}" />
            </Trigger>
          </Style.Triggers>
        </Style>

ErrorContentConverter（用于检索工具提示的第一个验证错误消息）：

Imports System.Collections.ObjectModel

Namespace Converters

    <ValueConversion(GetType(ReadOnlyObservableCollection(Of ValidationError)), GetType(String))> _
    Public Class ErrorContentConverter
        Implements IValueConverter

        Public Function Convert(ByVal value As Object, ByVal targetType As System.Type, ByVal parameter As Object, ByVal culture As System.Globalization.CultureInfo) As Object Implements System.Windows.Data.IValueConverter.Convert
            Dim errors As ReadOnlyObservableCollection(Of ValidationError) = TryCast(value, ReadOnlyObservableCollection(Of ValidationError))
            If errors IsNot Nothing Then
                If errors.Count > 0 Then
                    Return errors(0).ErrorContent
                End If
            End If
            Return String.Empty
        End Function

        Public Function ConvertBack(ByVal value As Object, ByVal targetType As System.Type, ByVal parameter As Object, ByVal culture As System.Globalization.CultureInfo) As Object Implements System.Windows.Data.IValueConverter.ConvertBack
            Throw New NotImplementedException()
        End Function

    End Class

End Namespace

...最后是在文本框中使用样式的示例：

    <TextBox Text="{Binding Path=EstimatedUnits,ValidatesOnDataErrors=True,NotifyOnValidationError=True}"
             Style="{StaticResource ValidatableTextBoxStyle}"
             AutomationProperties.HelpText="The number of units which are likely to sell in 1 year." />

Answer 2

几分钟前我正在查看相同的样本。你的猜测是正确的。在此代码示例中，他们从TextBox控件中删除了默认的ErrorTemplate，因此它不会显示红色矩形。他们不是使用ErrorTemplate，而是创建ContentProvider，其内容绑定到特定文本框的验证错误。

Answer 3

从我猜测它是Validation.ErrorTemplate =“{x：Null}”当出现错误时删除红色矩形。这可能被设置为在表单开始时不能在文本框周围显示红色矩形。

对于表单中的错误显示，我在代码中看到了某个地方：Content="{Binding ElementName=lastNameTxt, Path=(Validation.Errors).CurrentItem}"，所以，我仍然猜测它是绑定到文本框（而不是数据模型）并检查它是否有错误static Validation.Errors可能从数据模型连接到IDataErroInfo？

我猜对了吗？

Answer 4

以下是我用于在工具提示中显示错误的代码或控件旁边的小气泡。

定义样式。

<Style x:Key="TextBoxValidationStyle" TargetType="{x:Type TextBox}">
    <Style.Triggers>
        <Trigger Property="Validation.HasError" Value="true">
            <Setter Property="ToolTip" Value="{Binding RelativeSource={RelativeSource Self},  Path=(Validation.Errors)[0].ErrorContent}"/>
        </Trigger>
    </Style.Triggers>
</Style>

<Style x:Key="TextboxErrorBubbleStyle" TargetType="{x:Type TextBox}" BasedOn="{StaticResource ResourceKey=TextBoxValidationStyle}">
    <Setter Property="Validation.ErrorTemplate">
        <Setter.Value>
            <ControlTemplate>
                <DockPanel LastChildFill="true">

                    <Border Background="Red" DockPanel.Dock="right" Margin="5,0,0,0" Width="10" Height="10" CornerRadius="10"
                        ToolTip="{Binding ElementName=customAdorner, Path=AdornedElement.(Validation.Errors)[0].ErrorContent}">

                        <TextBlock Text="!" VerticalAlignment="center" HorizontalAlignment="center" FontWeight="Bold" Foreground="white"/>
                    </Border>

                    <AdornedElementPlaceholder Name="customAdorner" VerticalAlignment="Center" >
                        <Border BorderBrush="red" BorderThickness="1" />
                    </AdornedElementPlaceholder>

                </DockPanel>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

与控件一起使用。

<TextBox Text="{Binding Path=FirstName, Mode=TwoWay, ValidatesOnDataErrors=True,NotifyOnValidationError=True, UpdateSourceTrigger=PropertyChanged}"
            Style="{StaticResource TextBoxValidationStyle}" Width="100" Margin="3 5 3 5"/>
 <TextBox Text="{Binding Path=LastName, Mode=TwoWay, ValidatesOnDataErrors=True,NotifyOnValidationError=True, UpdateSourceTrigger=PropertyChanged}"
            Style="{StaticResource TextboxErrorBubbleStyle}" Width="100" Margin="0 5 3 5"/>

样本模型类。

class Customer：INotifyPropertyChanged，IDataErrorInfo { private string firstName; private string lastName;

public string FirstName
{
    get { return firstName; }
    set
    {
        if (firstName != value)
        {
            firstName = value;
            RaisePropertyChanged("FirstName");
        }
    }
}

public string LastName
{
    get { return lastName; }
    set
    {
        if (lastName != value)
        {
            lastName = value;
            RaisePropertyChanged("LastName");
        }
    }
}
public string Error
{
    get { throw new System.NotImplementedException(); }
}

public string this[string columnName]
{
    get
    {
        string message = null;
        if (columnName == "FirstName" && string.IsNullOrEmpty(FirstName))
        {
            message = "Please enter FirstName";
        }
        if (columnName == "LastName" && string.IsNullOrEmpty(LastName))
        {
            message = "Please enter LastName";
        }
        return message;
    }
}

}

UI外观。

enter image description here

MVVM模式，IDataErrorInfo和Binding来显示错误？

4 个答案: