启用按钮和 DelegateCommand

Question

在 TextBox 中输入所需数据之前，如何禁用 Button？

我将 Button 绑定到 ICommand：

public ICommand LoginCommand
{
    get
    {
        if (_loginCommand == null)
        {
            _loginCommand = new DelegateCommand<string>(this.Login, this.IsValid);
        }
        return _loginCommand;
    }
}

在 XAML 中，如下所示：

<Button Style="{StaticResource LoginButton}" Content="Login" Command="{Binding LoginCommand}" CommandParameter="{Binding Text, ElementName=txtUserName}" />

Answer 1

您只需要引发重新查询事件。使用 DelegateCommand 这很容易。这是您的 ViewModel 的外观。

另外，如果没有令人信服的理由将您的属性设置为 DelegateCommand 类型，那么您应该这样做。

public class MyViewModel : ViewModel
{

    private string _myTextField;
    public string MyTextField
    {
        get { return _myTextField; }
        set
        {

            _myTextField = value;
            OnPropertyChanged("MyTextField");

            //Here's the magic
            LoginCommand.RaiseCanExecuteChanged();

        }
    }

    public DelegateCommand<string> LoginCommand { get; set; }

    public MyViewModel()
    {
         LoginCommand = new DelegateCommand<string>(Login, CanLogin);
    }

    public bool CanLogin(string text)
    {
         return !string.IsNullOrEmpty(text);
    }

    public void Login(string text)
    {
         //login logic
    }

}

差不多就这样了。

Answer 2

DelegateCommand 在哪里定义的？检查构造函数，它可能期望第二个参数是谓词，其结果被映射到您的 ICommand 的 CanExecute。

我假设 this.IsValid 是一个委托方法，如果 string.Length > 则返回 true。 0 表示您从视图传递的命令参数...尝试将其设置为始终返回 false 只是为了检查 UI 是否禁用该按钮。

编辑：
要将参数获取到 IsValid 方法，请使用以下语法：

更改 IsValid 方法的语法以接受字符串参数，然后像这样 decalre 您的 DelegateCommand：

_loginCommand = new DelegateCommand<string>(this.Login, (param) => this.IsValid(param));

HTH :)