Ext JS 实现建议词模糊动态搜索功能
编程学习 2021-07-04 18:32www.dzhlxh.cn编程入门
这篇文章主要介绍了Ext JS 实现建议词模糊动态搜索功能,需要的朋友可以参考下
代码:
new Ext.form.ComboBox({ store: new Ext.data.JsonStore({ idProperty: 'VehicleNo', url: '../ajax/test.ashx, fields: ['VehicleNo', 'phoneNum'] }), id:'querynodesid', emptyText:'快速检索', hiddenName: 'VehicleNo', displayField: 'VehicleNo', valueField: 'VehicleNo', queryParam: 'VehicleNo', forceSelection: true, hideTrigger: true, queryDelay: 500, width:100, enableKeyEvents: true, minChars: 1, mode: 'remote', listeners: { 'select': { fn: function (combo, record, index) { var no = Ext.get("querynodesid").dom.value; findByKeyWordFiler2(no); } } } })
参数说明:
queryParam: 'VehicleNo',参数为输入的值 会以VehicleNo参数传入后台,可自定义;
test.ashx? 返回的参数格式为[{"VehicleNo":"00001","phoneNum":"000002"},{},{}];
'select' 为当选择某个数据的时候需要执行的回调;
这种方法适用数据量小的搜索,如果数据量比较大的搜索可能会影响到性能
以上所述是长沙网络推广给大家介绍的Ext JS 实现建议词模糊动态搜索功能,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,长沙网络推广会及时回复大家的!
上一篇:js实现股票实时刷新数据案例
下一篇:js,jq,css多方面实现简易下拉菜单功能