如果验证失败，请禁用 WPF 中的“保存”按钮

Question

我采用了使用 IDataErrorInfo 接口和样式来验证 WPF 中文本框的标准方法，如下所示。 但是，当页面失效时，如何禁用“保存”按钮呢？ 这是通过触发器以某种方式完成的吗？

Default Public ReadOnly Property Item(ByVal propertyName As String) As String Implements IDataErrorInfo.Item
    Get
        Dim valid As Boolean = True
        If propertyName = "IncidentCategory" Then
            valid = True
            If Len(IncidentCategory) = 0 Then
                valid = False
            End If
            If Not valid Then
                Return "Incident category is required"
            End If
        End If

        Return Nothing

    End Get
End Property

<Style TargetType="{x:Type TextBox}">
    <Setter Property="Margin" Value="3" />
    <Setter Property="Height" Value="23" />
    <Setter Property="HorizontalAlignment" Value="Left" />
    <Setter Property="Validation.ErrorTemplate">
        <Setter.Value>
            <ControlTemplate>
                <DockPanel LastChildFill="True">
                    <Border BorderBrush="Red" BorderThickness="1">
                        <AdornedElementPlaceholder Name="MyAdorner" />
                    </Border>
                </DockPanel>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
    <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>

Answer 1

有几点：

首先，我建议使用 RoutedCommand ApplicationCommands.Save 来实现保存按钮的处理。

如果您尚未查看 WPF 命令模型，可以获取独家新闻 这里。

<Button Content="Save" Command="Save">

现在，要实现该功能，您可以将命令绑定添加到 Window/UserControl 或 Button 本身：

    <Button.CommandBindings>
        <CommandBinding Command="Save" 
                        Executed="Save_Executed" CanExecute="Save_CanExecute"/>
    </Button.CommandBindings>
</Button>

在后面的代码中实现这些：

private void Save_Executed(object sender, ExecutedRoutedEventArgs e)
{
}

private void Save_CanExecute(object sender, CanExecuteRoutedEventArgs e)
{
}

在 Save_CanExecute 中，设置 e.CanExecute 基于文本框上绑定的有效性。

如果您想使用 MVVM (Model-View-ViewModel) 设计模式来实现，请查看 Josh Smith 的帖子 CommandSinkBinding。

最后一点：如果您希望在 TextBox 中的值发生更改时立即更新启用/禁用，请在绑定上设置 UpdateSourceTrigger="PropertyChanged" 文本框。

编辑：如果您想根据控件中的所有绑定进行验证/无效，这里有一些建议。

1) 您已经在实现 IDataErrorInfo。 尝试实现 IDataErrorInfo.Error 属性，使其返回对于您绑定到的所有属性都无效的字符串。 仅当您的整个控件绑定到单个数据对象时，这才有效。 Set e.CanExecute = string.IsNullOrEmpty(data.Error);

2) 使用反射获取相关控件上的所有公共静态 DependencyProperties。 然后在每个属性上循环调用 BindingOperations.GetBindingExpression(relevantControl, DependencyProperty) 以便您可以测试验证。

3) 在构造函数中，手动创建嵌套控件上所有绑定属性的集合。 在 CanExecute 中，迭代此集合并使用 BindingOperation.GetBindingExpression() 获取表达式，然后检查 来验证每个 DependencyObject/DepencyProperty 组合>BindingExpression.HasError。

Answer 2

我为此创建了附加属性：

public static class DataErrorInfoHelper
{
    public static object GetDataErrorInfo(ButtonBase obj)
    {
        return (object)obj.GetValue(DataErrorInfoProperty);
    }

    public static void SetDataErrorInfo(ButtonBase obj, object value)
    {
        obj.SetValue(DataErrorInfoProperty, value);
    }

    // Using a DependencyProperty as the backing store for DataErrorInfo.  This enables animation, styling, binding, etc...
    public static readonly DependencyProperty DataErrorInfoProperty =
        DependencyProperty.RegisterAttached("DataErrorInfo", typeof(object), typeof(DataErrorInfoHelper), new PropertyMetadata(null, OnDataErrorInfoChanged));

    private static void OnDataErrorInfoChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
    {
        var button = d as ButtonBase;

        if (button.Tag == null)
            button.Tag = new DataErrorInfoContext { Button = button };

        var context = button.Tag as DataErrorInfoContext;

        if(e.OldValue != null)
        {
            PropertyChangedEventManager.RemoveHandler(((INotifyPropertyChanged)e.OldValue), context.Handler, string.Empty);
        }

        var inotify = e.NewValue as INotifyPropertyChanged;
        if (inotify != null)
        {
            PropertyChangedEventManager.AddHandler(inotify, context.Handler, string.Empty);
            context.Handler(inotify, new PropertyChangedEventArgs(string.Empty));
        }
    }

    private class DataErrorInfoContext
    {
        public ButtonBase Button { get; set; }

        public void Handler(object sender, PropertyChangedEventArgs e)
        {
            var dei = sender as IDataErrorInfo;

            foreach (var property in dei.GetType().GetProperties())
            {
                if (!string.IsNullOrEmpty(dei[property.Name]))
                {
                    Button.IsEnabled = false;
                    return;
                }
            }
            Button.IsEnabled = string.IsNullOrEmpty(dei.Error);
        }
    }
}

我在表单上像这样使用它：

<TextBlock  Margin="2">e-mail:</TextBlock>
<TextBox  Margin="2" Text="{Binding Email, UpdateSourceTrigger=PropertyChanged, ValidatesOnDataErrors=True}"/>
<!-- other databindings--->
<Button Margin="2" local:DataErrorInfoHelper.DataErrorInfo="{Binding}"  Commands="{Binding SaveCommand}">Create account</Button>