搜索框输入值500毫秒后自动搜索

qweasdzxc

现在想做个搜索框能输入值500毫秒后自动搜索的功能，搜索框代码html、js如下，现在什么事件能控制到我输入框的值在一直改变着，从而实现500好秒后自动搜索，不是bind-change事件，bind-change事件要焦点移出，想要的是焦点在框里就能触发的
像smartFilter组件那样的效果，但是我的是cData,自己拼条件去后台查，所以只能自己写

1. ,<div xid="div1" style="background-color:white;" class="x-search">
   
2.           <div class="x-query-input x-flex" xid="div2" style="height:100%;">
   
3.             <i class="icon-android-search x-icon-lg" xid="i3"/>  
   
4.             <input type="text" class="x-flex1" xid="input1" placeHolder="搜索"
   
5.               data-bind="value:filterText,valueUpdate: 'input'" bind-change="input1Change"/>  
   
6.             <i class="icon-close-circled  x-icon-lg x-cls-filter" bind-css="{hide:!filterText.get()}"
   
7.               bind-click="clsfilterText"/>
   
8.           </div>
   
9.         </div>

复制代码

1. var Model = function(){
   
2.                 this.callParent();
   
3.                 statusCode="0";
   
4.                 this.filterText = justep.Bind.observable("");
   
5.                 self=this;
   
6.         };

复制代码

jishuang

可以直接用smartFilter组件
/UI2/system/components/justep/smartFilter/demo/demo.w

qweasdzxc

jishuang 发表于 2017-8-21 11:38
可以直接用smartFilter组件
/UI2/system/components/justep/smartFilter/demo/demo.w

我的数据是塞到cData里，怎么过滤？

jishuang

自己定义的可以参考/UI2/system/components/justep/smartFilter/smartFilter.js组件中的实现，用ko的速率限制--rate-limit
http://blog.csdn.net/hongweigg/article/details/44172497