使用 MVVM 时如何禁用验证错误按钮？

Question

我正在学习 MVVM，到目前为止一切都很好，除非在验证时禁用按钮。我的验证工作完美无缺，所以禁用按钮部分。这是我的代码：

ViewModelBase：

public class ViewModelBase : INotifyPropertyChanged
{
    public event PropertyChangedEventHandler PropertyChanged;
    protected void NotifyPropertyChanged(string propertyName)
    {
        if (PropertyChanged != null)
        {
            PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
        }
    }
}

我的验证类：

public class NumberValidation : ValidationRule
{
    public override ValidationResult Validate(object value, System.Globalization.CultureInfo cultureInfo)
    {
        if (String.IsNullOrEmpty(value.ToString()))
        {
            return new ValidationResult(false, "No debe estar vacio");
        }
        double result = 0;
        bool canConvert = double.TryParse(value as string, out result);
        return new ValidationResult(canConvert, "No es numero valido");
    }


}

还有我的 ViewModel：

public class CommercePayment : ViewModelBase
{
    private ICommand _SubmitCommand;
    private PayCommerce _payCommerce;

    public PayCommerce PayCommerces
    {
        get
        {
            return _payCommerce;
        }
        set
        {
            _payCommerce = value;
            NotifyPropertyChanged("PayCommerces");
        }
    }


    public CommercePayment()
    {
        PayCommerces = new PayCommerce();
    }

    void PayCommerce_CollectionChanged(object sender, System.Collections.Specialized.NotifyCollectionChangedEventArgs e)
    {
        NotifyPropertyChanged("PayCommerces");
    }
    public void Submit()
    {
        var test = PayCommerces.AccountNumber;
        var test2 = PayCommerces.PaymentAmount;
 //          var test2 = PayCommerces.Commerce.MerchantFullName;
    }





    #region Helpers
    public ICommand SubmitCommand
    {
        get
        {
            if (_SubmitCommand == null)
            {
                _SubmitCommand = new RelayCommand(param => this.Submit(),
                    null);
            }
            return _SubmitCommand;
        }
    }
    #endregion
}

}

我的 XML 是这样绑定的：

<Controls:Tile x:Name="tlProcesar" Title="" 
                TiltFactor="2"
                Width="Auto" Height="Auto" 
                Count="Procesar"
                Command="{Binding SubmitCommand}" Margin="185,189,200,-59"
                           >
            </Controls:Tile>

在我的代码隐藏中，我有这个（正在测试和学习）：

    private void Save_CanExecute(object sender, CanExecuteRoutedEventArgs e)
    {
        e.CanExecute = IsValid(sender as DependencyObject);

    }
    private void Save_Executed(object sender, ExecutedRoutedEventArgs e)
    {
        ViewModel.CommercePayment payments = new ViewModel.CommercePayment();
        payments.Submit();
    }


    private bool IsValid(DependencyObject obj)
    {
        return !Validation.GetHasError(obj) && LogicalTreeHelper.GetChildren(obj).OfType<DependencyObject>().All(IsValid);
    }

如果我将控件绑定更改为：

 Command="ApplicationCommands.Save"

然后按钮被禁用，但当然我在 ViewModel 的 Submit() 方法中没有得到任何数据，因为它没有绑定。如果我保持原样，即使验证失败，按钮仍然可以工作。我能做什么？

更新 1：

创造了这个：

public bool IsValid
    {
        get { return _isValid; }
        set
        {
            _isValid = value;
            NotifyPropertyChanged("IsValid");
        }
    }

现在我想我需要将它与验证联系起来？

Answer 1

我可以看到您在设置中混合了两种验证解决方案，一种发生在视图中，另一种发生在视图模型中。

您正在实现 NumberValidation 类，但我没有看到任何使用它的 xaml 代码。你需要在你的 xaml 代码中使用它，像这样：

<TextBox.Text>
  <Binding Path="PayCommerces">
    <Binding.ValidationRules>
      <val:NumberValidation/>
    </Binding.ValidationRules>
  </Binding>
</TextBox.Text>

但是如果你使用这种方法，验证是在 View 层完成的。所以这意味着您的 ViewModel 不知道它有错误，并且您的 IsValid 没有检测到有错误。

如果您想将所有验证都放在视图中，请使用多重绑定在错误控件和您的按钮之间添加绑定。你可以在这里看到一个例子。 Disabling button on Validation error

但是，如果您希望验证发生在 ViewModel 中，则需要您的视图模型实现 IDataErrorInfo 接口。那么你的 NumberValidation 类就没有用了。

Answer 2

通常，您可以将 Button 的 IsEnabled 属性绑定到 xaml.cs 中返回“IsValid”状态的属性。

<Controls:Tile x:Name="tlProcesar" Title="" 
  TiltFactor="2"
  Width="Auto" Height="Auto" 
  Count="Procesar"
  Command="{Binding SubmitCommand}" Margin="185,189,200,-59"
  IsEnabled="{Binding IsValidProperty}">
</Controls:Tile>