绑定文本框输入按到反应式命令

Question

我有一个文本框绑定到具有以下XAML的视图模型：

<TextBox x:Name="usrTxt" Text="{Binding UserID, UpdateSourceTrigger=PropertyChanged}" 
    Margin="0,0,0,10" TextWrapping="Wrap" Height="50"
    VerticalAlignment="Bottom" ToolTip="User ID" FontSize="29.333" 
    VerticalContentAlignment="Center" Padding="15,0" TabIndex="0">
      <TextBox.InputBindings>
        <KeyBinding Key="Return" Command="{Binding EntrCommand}"/>
      </TextBox.InputBindings>
</TextBox>

我正在尝试在我的视图模型中创建一个ReactiveCommand ，该触发器将在触发视图中的KeyBinding事件时触发。 我很肯定自己的语法有误，但是在查看文档后不确定要做什么来修复它。 这是我相关的视图模型代码：

class MainViewModel : ReactiveObject
{
      private DbContext dbCtx;

      public MainViewModel()
      {
          dbCtx = new DbContext(Properties.Settings.Default.DbString);

          EnterCmd = this.WhenAny(x => x.UserID, x => x.Value)
                .Where(x => !String.IsNullOrWhiteSpace(x))
                .Do(_ => IsLoading = true);

          EnterCmd.Subscribe(x =>
          {
                Console.WriteLine(x);
                IsLoading = false;
          });
      }

      public ReactiveCommand EnterCmd { get; private set; }

      ...
}

一个明显的问题是，当WhenAny返回System.IObservable<string> ，如EnterCmd期望的那样，类型为ReactiveUI.ReactiveCommand 。 我注意到的另一个问题是，我无法使用getter和setter声明EnterCmd ，因为出现错误'ReactiveCommand': static types cannot be used as parameters. 任何帮助，将不胜感激。

Answer 1

RxUI命令的正确语法：

    public ReactiveCommand<object> EnterCmd { get; private set; }
    ObservableAsPropertyHelper<bool> _isLoading;
    public bool IsLoading { get { return _isLoading.Value; } }

    public MainViewModel()
    {
        EnterCmd = ReactiveCommand.Create(
            this.WhenAny(x => x.UserID, x => x.Value)
                .Select(x => !String.IsNullOrWhiteSpace(x)));

        EnterCmd.IsExecuting.ToProperty(this, x => x.IsLoading, out _isLoading);

        EnterCmd.Subscribe(x =>
        {
            Console.WriteLine(x);
        });

ReactiveCommand是一个静态帮助器类（大多数是工厂方法），真正的类型是它的通用版本。

Answer 2

然后使用这样的reactCommand：

public class ReactiveCommand : ICommand, IObservable<object>
{
    private bool _canExecute = true;
    private readonly Subject<object> _execute = new Subject<object>();

    public ReactiveCommand(IObservable<bool> canExecute = null)
    {
        if (canExecute != null)
        {
            canExecute.Subscribe(x => this._canExecute = x);
        }
    }

    public bool CanExecute(object parameter)
    {
        return this._canExecute;
    }

    public void Execute(object parameter)
    {
        this._execute.OnNext(parameter);
    }

    public event EventHandler CanExecuteChanged;

    public IDisposable Subscribe(IObserver<object> observer)
    {
        return this._execute.Subscribe(observer);
    }
}