如何将Combobox绑定到ReactiveUI中的命令?
问题描述:
我想知道什么是将控件属性绑定到ReactiveUI中的CommandParameter的最佳方法?如何将Combobox绑定到ReactiveUI中的命令?
下面的BindCommand
未提供传递参数的方法。过载要么参数为property in view model
,要么参数IObservable<T>
。
查看
this.WhenActivated(subscription =>
{
subscription(this.BindCommand(
this.ViewModel,
vm => vm.TextCommand,
v => v.ComboBox
));
}
视图模型
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);
}
}
的DoSomething的方法被调用,如selectedText每次null
。
我试过给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));
}
视图模型
ToggleCommand = ReactiveCommand.CreateFromTask<bool>(Toggled);
private Task Toggled(bool toggleState)
{
return Task.Delay(3000);
}
在上面的代码我设法让toggleState
,却是最后的状态不是ToggleSwitch的新状态。另外,我无法完成ComboBox的这项工作。我认为从视图传递命令参数是非常普遍的,应该有一种更简单的方法来实现它。我错过了什么?我正在使用UWP应用程序。
感谢
答
我猜你只能绑定命令的事件,而不是直接的属性(也许我是错的)。
如果您在组合框中订阅了SelectedValueChanged(记不住事件的名称)事件,然后手动触发命令,该怎么办?
this.ComboBox.Events().SelectedValueChanged
.Select(_ => ComboBox.Text)
.InvokeCommand(this, vm => vm.ViewModel.TextCommand);
组合框的不inheritantly有一个“命令”,虽然通常情况下,是你正试图在选定值变化触发命令? –
你可能是对的,但命令的工作原理与广告一样。每当我改变'ComboBox'或'ToggleSwitch'中的选择时,该命令就会被执行。问题是如何将参数传递给作为控件属性的命令,对于'ComboBox',可能是'SelectedItem'或者'ToggleSwitch'' IsOn'。 – resp78
将虚拟机的属性绑定到SelectedItem并不会更好,那么你可以有一个WhenAnyValue(x => x ....)。InvokeCommand()来代替。然后你可以完全访问你的财产。那就是如果你需要命令,那么你需要等待一个Task/Observable。 –