WPF MVVM - 带文本框的简单绑定按钮（Icommand）

Question

我要做的是：当文本框包含值“123”时，它应该启用按钮并允许我单击它。

Solution Image & View Image

我找不到根据我的 Button 参数触发 Button 命令（名为 SpecialCommand.cs 的类）的方法。你能支持我在哪里弄错了这个 MVVM 模式吗？

WPF 视图 [MainWindow.xaml]：

<Window.Resources>
    <ViewModel:MainWindowVM x:Key="WindowVm"></ViewModel:MainWindowVM>
</Window.Resources>

<Grid>
    <StackPanel>
        <TextBox x:Name="textBox" Margin="0, 5" Text="123"/>
        <Button Content="Click me!" Margin="0, 5" Command="{Binding SpecialCommand, Source={StaticResource WindowVm}}" CommandParameter="{Binding Text, ElementName=textBox, UpdateSourceTrigger=PropertyChanged, Mode=TwoWay}"/>
    </StackPanel>
</Grid>

ViewModel [MainWindowVM.cs]：

public class MainWindowVM
{
    private SpecialCommand _specialCommand;

    public SpecialCommand SpecialCommand { get => _specialCommand; set => _specialCommand = value; }

    public MainWindowVM()
    {
        _specialCommand = new SpecialCommand();
    }

}

命令 [SpecialCommand.cs]

public class SpecialCommand : ICommand
{
    public bool CanExecute(object parameter)
    {
        if (parameter != null && (parameter as string) == "123")
            return true;

        return false;
    }

    public void Execute(object parameter)
    {
        MessageBox.Show("Button Pressed!");
    }

    public event EventHandler CanExecuteChanged;
}

我相信，也许这就是我弄错了，因为按钮和文本框在视图中，我不需要在我的 SpecialCommand 实现中添加/修改任何方法。他们应该能够看到属性何时更改。 就像下面的 CanExecuteChanged() 一样，这个命令会引发很多次，对于这个小任务来说似乎有点过分了。

 public event EventHandler CanExecuteChanged
    {
        add { CommandManager.RequerySuggested += value; }
        remove { CommandManager.RequerySuggested -= value; }
    }

Answer 1

没有必要让它变得比需要的更复杂。

public class MainWindowVM
{
    private string m_OneTwoThree;
    public string OneTwoThree{
        get { return OneTwoThree; }
        set {
            if (m_OneTwoThree != value){
                m_OneTwoThree = value;
                NotifyPropertyChanged(nameof(OneTwoThree)); //if you need this let me know
            }
        }
    }       

    public MainWindowVM()
    {

    }


    public ICommand RandomCommand { get { return new RelayCommand(OnRandom, IsOneTwoThree); } }


    private void OnRandom()
    {
        //do stuff
    }

    private bool IsOneTwoThree(){
        if (OneTwoThree == "123"){
            return true;
        }
        return false;
    }
}

您还必须更新您的xaml 我认为它无法找到“OneTwoThree”，因此您必须自己绑定它，但您通常会这样做。

<StackPanel>
    <TextBox x:Name="textBox" Margin="0, 5" Text="{Binding OneTwoThree}"/>
    <Button Content="Click me!" Margin="0, 5" Command="{Binding RandomCommand, Source={StaticResource WindowVm}}"/>
</StackPanel>

如果您有任何问题，请随时提出。

这是我的 RelayCommand ：使用 RelayCommand("要执行的东西", "如果函数返回 true 你可以执行");

public class RelayCommand : ICommand
{
    public event EventHandler CanExecuteChanged
    {
        add { CommandManager.RequerySuggested += value; }
        remove { CommandManager.RequerySuggested -= value; }
    }
    private Action methodToExecute;
    private Func<bool> canExecuteEvaluator;
    public RelayCommand(Action methodToExecute, Func<bool> canExecuteEvaluator)
    {
        this.methodToExecute = methodToExecute;
        this.canExecuteEvaluator = canExecuteEvaluator;
    }
    public RelayCommand(Action methodToExecute)
        : this(methodToExecute, null)
    {
    }
    public bool CanExecute(object parameter)
    {
        if (this.canExecuteEvaluator == null) {
            return true;
        }
        else {
            bool result = this.canExecuteEvaluator.Invoke();
            return result;
        }
    }
    public void Execute(object parameter)
    {
        this.methodToExecute.Invoke();
    }
}

Answer 2

你需要一种方法来告诉命令它应该检查它是否CanExecute。这是通过触发事件CanExecuteChanged 来完成的。它告诉按钮重新查询CanExecute 属性。

为此，我将向您的视图模型添加一个文本属性并将文本框绑定到它。

在SpecialCommand中添加方法：

public void TriggerCanExecuteChanged()
{
    CanExecuteChanged?.Invoke(this, EventArgs.Empty);
}

在MainWindowVM类中添加属性：

private string _text;
public string Text
{
    get { return _text; }
    set {
        if (value != _text) {
            _text = value;
            _specialCommand.TriggerCanExecuteChanged();
        }
    }
}

---

查看模型以实现INotifyPropertyChanged（参见 cmets）：

public class MainWindowVM : INotifyPropertyChanged
{
    public SpecialCommand SpecialCommand { get; set; } = new SpecialCommand();

    private string _text;
    public string Text
    {
        get { return _text; }
        set {
            if (value != _text) {
                _text = value;
                OnPropertyChanged(nameof(Text));
                SpecialCommand.TriggerCanExecuteChanged();
            }
        }
    }

    public event PropertyChangedEventHandler PropertyChanged;

    private void OnPropertyChanged(string propertyName)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}