RX AutoCompleteBox

Question

我正在尝试使用RX和WPF构建过滤器控件。 所以我有一个文本框和一个列表框。 启动时，列表框有100个联系人姓名，用户可以输入名称来过滤列表。

问题是如何构建文本流（键输入）然后发布。这应该是时间敏感的，所以我想只有在750毫秒之后，如果没有检测到键输入，那么可以执行过滤器。

由于

Answer 1

基本大纲看起来如此

1. 将文本框keydown事件转换为IO
2. 限制击键，以便我们在用户实际输入时不进行搜索
3. 进行搜索
4. 将搜索结果放在列表框中

这是一些伪代码 -

 var keysIO =   Observable.FromEvent<KeyDownEventHandler, RoutedEventArgs>(
                                    h => new KeyDownEventHandler(h),
                                    h => btn.KeyDown += h,
                                    h => btn.KeyDown -= h));

 var searchResults = keysIO.Throttle(TimeSpan.FromSeconds(0.750),Scheduler.Dispatcher);

 searchResults.Subscribe(sr => {  lb.Clear(); lb.AddRange(sr); });

只有在用户停止输入750毫秒后，@ Andy，Throttle才会每750毫秒启动一次搜索。在LinqPad中试试这个。

   Observable.Interval(TimeSpan.FromMilliseconds(10))
   .Do(ii =>  "keystroke".Dump())
   .Take(10)
   .Throttle(TimeSpan.FromSeconds(0.750))
   .Select(ttl => "search")

Answer 2

Scott Weinstein的建议是正确的。

此外，由于您想要影响Gui控件，您必须确保在订阅之前观察Dispatcher或在某处使用调度程序，以使您返回调度程序线程。

这对我有用：

 Observable.FromEvent<TextChangedEventArgs>(TextBox, "TextChanged")
                .Throttle(TimeSpan.FromSeconds(0.75), Scheduler.Dispatcher)
                .Select(obs => TextBox.Text)
                .Subscribe(TextChangedTo);

现在，在TextChangedTo(text)方法中，您可以使用联系人名称填充列表。

Answer 3

在新版本的Rx上，Scheduler.Dispatcher已经消失，而FromEvent似乎对WPF不起作用，因此，对于今天需要解决方案的任何人来说，你有一个名为FilterText的文本框的工作解决方案：

Observable.FromEventPattern<TextChangedEventHandler, TextChangedEventArgs>(
    h => this.FilterText.TextChanged += h,
    h => this.FilterText.TextChanged -= h)
    .Throttle(new TimeSpan(0, 0, 0, 0, 750))
    .ObserveOnDispatcher()
    .Subscribe(t => DoFiltering(this.FilterText.Text));

Answer 4

有一个完整的示例here，包含幻灯片和源代码