RX AutoCompleteBox

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

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

谢谢

基本轮廓看起来如此

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

这是一些伪代码 –

var keysIO = Observable.FromEvent( 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); }); 

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

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

Scott Weinstein建议的是正确的。

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

这对我有用:

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

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

在新版本的Rx上,Scheduler.Dispatcher已经消失,并且FromEvent似乎与WPF不兼容,因此,对于今天需要解决方案的任何人来说,你有一个名为FilterText的文本框的工作解决方案:

 Observable.FromEventPattern( 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)); 

这里有一个完整的例子,包含幻灯片和源代码