Ext JS 实现模糊动态搜索实例代码
程序员文章站
2022-05-21 08:37:01
...
这篇文章主要介绍了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' 为当选择某个数据的时候需要执行的回调;
这种方法适用数据量小的搜索,如果数据量比较大的搜索可能会影响到性能
【相关推荐】
1. 特别推荐:“php程序员工具箱”V0.1版本下载
2. 免费js在线视频教程
3. php.cn独孤九贱(3)-JavaScript视频教程
以上就是Ext JS 实现模糊动态搜索实例代码的详细内容,更多请关注其它相关文章!
上一篇: sql多条件排序语句
下一篇: 中文PHP.INI(1)_PHP