Ext JS 实现建议词模糊动态搜索功能


Posted in Javascript onMay 13, 2017

代码:

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 实现建议词模糊动态搜索功能,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

Javascript 相关文章推荐
jquery判断字符输入个数(数字英文长度记为1,中文记为2,超过长度自动截取)
Oct 15 Javascript
基于jquery的jqDnR拖拽溢出的修改
Feb 12 Javascript
JS子父窗口互相操作取值赋值的方法介绍
May 11 Javascript
Json和Jsonp理论实例代码详解
Nov 15 Javascript
jquery加载图片时以淡入方式显示的方法
Jan 14 Javascript
浅谈类似于(function(){}).call()的js语句
Mar 30 Javascript
jQuery 特性操作详解及实例代码
Sep 29 Javascript
详解让sublime text3支持Vue语法高亮显示的示例
Sep 29 Javascript
jquery分页优化操作实例分析
Aug 23 jQuery
vue跳转方式(打开新页面)及传参操作示例
Jan 26 Javascript
AI小程序之语音听写来了,十分钟掌握百度大脑语音听写全攻略
Mar 13 Javascript
Vue 实现可视化拖拽页面编辑器
Feb 01 Vue.js
js,jq,css多方面实现简易下拉菜单功能
May 13 #Javascript
easyui combogrid实现本地模糊搜索过滤多列
May 13 #Javascript
web.js.字符串与正则表达式操作
May 13 #Javascript
JS实现动态给标签控件添加事件的方法示例
May 13 #Javascript
jQuery插件FusionCharts绘制的2D条状图效果【附demo源码】
May 13 #jQuery
jQuery插件FusionCharts绘制的2D双柱状图效果示例【附demo源码】
May 13 #jQuery
vue.js 初体验之Chrome 插件开发实录
May 13 #Javascript
You might like
我的群发邮件程序
2006/10/09 PHP
解析php mysql 事务处理回滚操作(附实例)
2013/08/05 PHP
完美解决在ThinkPHP控制器中命名空间的问题
2017/05/05 PHP
基于PHP-FPM进程池探秘
2017/10/17 PHP
php判断/计算闰年的方法小结【三种方法】
2019/07/06 PHP
node.js开机自启动脚本文件
2014/12/24 Javascript
JavaScript中逗号运算符介绍及使用示例
2015/03/13 Javascript
如何解决hover在ie6中的兼容性问题
2016/12/15 Javascript
用jQuery.ajaxSetup实现对请求和响应数据的过滤
2016/12/20 Javascript
微信小程序App生命周期详解
2018/01/31 Javascript
微信小程序项目总结之点赞 删除列表 分享功能
2018/06/25 Javascript
基于vue+axios+lrz.js微信端图片压缩上传方法
2019/06/25 Javascript
在vue中使用console.log无效的解决
2020/08/09 Javascript
vue 实现基础组件的自动化全局注册
2020/12/25 Vue.js
详解Python的Lambda函数与排序
2016/10/25 Python
python中文乱码不着急,先看懂字节和字符
2017/12/20 Python
python监控进程脚本
2018/04/12 Python
python数字图像处理之高级形态学处理
2018/04/27 Python
使用python存储网页上的图片实例
2018/05/22 Python
python脚本监控Tomcat服务器的方法
2018/07/06 Python
python实现从pdf文件中提取文本,并自动翻译的方法
2018/11/28 Python
深入了解Django View(视图系统)
2019/07/23 Python
创建Shapefile文件并写入数据的例子
2019/11/26 Python
python实现KNN近邻算法
2020/12/30 Python
html5使用canvas绘制太阳系效果
2014/12/15 HTML / CSS
详解HTML5中ol标签的用法
2015/09/08 HTML / CSS
新西兰领先的鞋类和靴子网上商城:Merchant 1948
2017/09/08 全球购物
Molly Bracken法国电子商店:法国女性时尚品牌
2019/07/24 全球购物
CSMA/CD介质访问控制协议
2015/11/17 面试题
优秀干部获奖感言
2014/01/31 职场文书
解除劳动合同协议书范本
2014/04/14 职场文书
七夕活动策划方案
2014/08/16 职场文书
销售员态度差检讨书
2014/10/26 职场文书
2014年人力资源部工作总结
2014/11/19 职场文书
受欢迎的自荐信,就这么写!
2019/04/19 职场文书
浅谈Redis在直播场景的实践方案
2021/04/27 Redis