RX AutoCompleteBox
我正在尝试使用RX和WPF构建filter控件。 所以我有一个文本框和一个列表框。 启动时,列表框有100个联系人姓名,用户可以输入名称来过滤列表。
问题是如何构建文本流(键输入)然后发布。 这应该是时间敏感的,所以我想只有在750毫秒之后如果没有检测到键输入,那么可以执行滤波器。
谢谢
基本轮廓看起来如此
- textbox keydown事件转换为IO
- 限制按键,以便我们在用户实际输入时不进行搜索
- 搜索
- 将搜索结果放在列表框中
这是一些伪代码 –
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));
这里有一个完整的例子,包含幻灯片和源代码