如何将 Combobox 绑定到 ReactiveUI 中的命令？

Question

我想知道在 ReactiveUI 中将控件属性绑定到 CommandParameter 的最佳方法是什么？

下面的BindCommand没有提供参数传递方式。重载采用 property in view model 或 IObservable<T> 作为参数。

查看

this.WhenActivated(subscription =>
{
    subscription(this.BindCommand(
                    this.ViewModel,
                    vm => vm.TextCommand,
                    v => v.ComboBox
                    ));
}

ViewModel

public class MainPageViewModel : ViewModelBase
{
    public ReactiveCommand<string, Unit> TextCommand { get; set; }


    public MainPageViewModel()
    {
        TextCommand = ReactiveCommand.CreateFromTask<string>(DoSomething);

    }

    private Task DoSomething(string selectedText)
    {
        return Task.Delay(3000);
    }
}

每次使用 selectedText 作为 null 调用 DoSomething 方法。

我已尝试为 ToggleSwitch 传递 IObservable，但行为与预期不符。

查看

IObservable<bool> toggleOn = this.WhenAnyValue(v => v.Toggle.IsOn);
this.WhenActivated(subscription =>
{
     subscription(this.BindCommand(
                this.ViewModel,
                vm => vm.ToggleCommand,
                v => v.Toggle, toggleOn));
}

ViewModel

ToggleCommand = ReactiveCommand.CreateFromTask<bool>(Toggled);

private Task Toggled(bool toggleState)
{
   return Task.Delay(3000);
}

在上面的代码中，我确实设法获得了 toggleState，但它是 ToggleSwitch 的最后状态而不是新状态。另外，我无法使 ComboBox 发挥作用。我认为从视图传递命令参数是很常见的，应该有更简单的方法来实现它。我错过了什么？我正在使用 UWP 应用程序。

谢谢

Answer 1

我猜你只能将命令绑定到事件，不能直接绑定到属性（也许我错了）。

如果您在组合框中订阅 SelectedValueChanged（不记得事件的名称）事件然后手动触发命令怎么办？

this.ComboBox.Events().SelectedValueChanged
    .Select(_ => ComboBox.Text)
    .InvokeCommand(this, vm => vm.ViewModel.TextCommand);

如何将 Combobox 绑定到 ReactiveUI 中的命令？

How to bind Combobox to a command in ReactiveUI?

c#

data-binding

combobox

system.reactive

reactiveui