Question

我正在使用ReactiveUI开始我的第一步，但我无法让事件得到一个非常基本的例子。我想尽快执行任务＆＃34; SearchTerm＆＃34;变化。我按照ReactiveUI的github页面上的说明进行了操作（＆＃34;一个引人注目的例子＆＃34;）。

我有一个ViewModel，其属性SearchTerm绑定到我视图中的TextBox。如果我更新TextBox的内容，属性会按预期更新（我使用UpdateSourceTrigger=PropertyChanged）。

我的observables中的代码永远不会触发：

public class MainWindowViewModel: ReactiveObject
{
    public string SearchTerm
    {
         get { return m_SearchTerm; }
         set { this.RaiseAndSetIfChanged(ref m_SearchTerm, value); }
    }

    private string m_SearchTerm;

    public MainWindowViewModel()
    {
        SearchResults = new List<string>();

        var canSearch = this.WhenAny(x => x.SearchTerm, x => !string.IsNullOrWhiteSpace(x.GetValue()));

         var search = ReactiveCommand.CreateAsyncTask(canSearch,
                async _ => {
                    // this is never called
                    return await dosearch(this.SearchTerm);
                });

            search.Subscribe(results => {
                // this is never called too
                SearchResults.Clear();
                SearchResults.AddRange(results);
            });
        }

        private async Task<List<string>> dosearch(string searchTerm)
        {
            await Task.Delay(1000);

            return new List<string>() { "1", "2", "3" };
        }

        public List<string> SearchResults { get; private set; }
    }

Answer 1

命令中的代码永远不会触发，因为您没有在任何地方调用该命令。您必须将命令绑定到任何事件（例如输入文本更改，按钮单击等）。

首先，将您的命令从ViewModel公开：

public ReactiveCommand<List<string>> Search { get; private set; }

接下来，在构造函数中指定它：

this.Search = ReactiveCommand.CreateAsyncTask(canSearch,
                async _ => {
                    return await dosearch(this.SearchTerm);
                });

最后，当输入发生变化时，调用命令（这是代码中至关重要的缺失部分）：

this.WhenAnyValue(x => x.SearchTerm)
    .InvokeCommand(this, x => x.Search);

将abouve代码放在构造函数中。

请注意，这会在用户输入时不断触发搜索。要解决此问题，您可以使用名为Throttle，as seen in the example you linked to的Rx运算符。

ReactiveUI：对属性的更改做出反应

1 个答案: