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 相关文章推荐
摘自启点的main.js
Apr 20 Javascript
window.location.href的用法(动态输出跳转)
Aug 09 Javascript
node.js中的http.response.setHeader方法使用说明
Dec 14 Javascript
javascript中replace使用方法总结
Mar 01 Javascript
JavaScript的六种继承方式(推荐)
Jun 26 Javascript
详谈Node.js之操作文件系统
Aug 29 Javascript
Vue下路由History模式打包后页面空白的解决方法
Jun 29 Javascript
vue组件横向树实现代码
Aug 02 Javascript
解决cordova+vue 项目打包成APK应用遇到的问题
May 10 Javascript
通过实例解析jQ Ajax操作相关原理
Sep 23 Javascript
react的hooks的用法详解
Oct 12 Javascript
vue 动态生成拓扑图的示例
Jan 03 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
用php来检测proxy
2006/10/09 PHP
关于PHP结束标签的使用细节探讨及联想
2013/03/04 PHP
在WordPress的后台中添加顶级菜单和子菜单的函数详解
2016/01/11 PHP
javascript indexOf函数使用说明
2008/07/03 Javascript
IE与firefox之jquery用法区别
2008/10/03 Javascript
JQuery中使用Ajax赋值给全局变量失败异常的解决方法
2014/08/18 Javascript
用JavaScript实现用一个DIV来包装文本元素节点
2014/09/09 Javascript
浅析javascript操作 cookie对象
2014/12/26 Javascript
js控制文本框只输入数字和小数点的方法
2015/03/10 Javascript
js获取图片宽高的方法
2015/11/25 Javascript
javascript数字验证的实例代码(推荐)
2016/08/20 Javascript
原生JS实现首页进度加载动画
2016/09/14 Javascript
jquery判断页面网址是否有效的两种方法
2016/12/11 Javascript
JS 调用微信扫一扫功能
2016/12/22 Javascript
如何使用Bootstrap创建表单
2017/03/29 Javascript
vue.js获取数据库数据实例代码
2017/05/26 Javascript
vue2.0 中#$emit,$on的使用详解
2017/06/07 Javascript
在原生不支持的旧环境中添加兼容的Object.keys实现方法
2017/09/11 Javascript
约瑟夫问题的Python和C++求解方法
2015/08/20 Python
Python实现桶排序与快速排序算法结合应用示例
2017/11/22 Python
Python实现扣除个人税后的工资计算器示例
2018/03/26 Python
Python去除、替换字符串空格的处理方法
2018/04/01 Python
pandas.read_csv参数详解(小结)
2019/06/21 Python
Python sql注入 过滤字符串的非法字符实例
2020/04/03 Python
python开根号实例讲解
2020/08/30 Python
python编程的核心知识点总结
2021/02/08 Python
html5使用Canvas绘图的使用方法
2017/11/21 HTML / CSS
西班牙自行车和跑步商店:Alltricks
2018/07/07 全球购物
Jowissa官方网站:瑞士制造的手表,优雅简约的设计
2020/07/29 全球购物
自我推荐信范文
2014/05/09 职场文书
借条如何写
2015/05/26 职场文书
厉行节约工作总结
2015/08/12 职场文书
mysql部分操作
2021/04/05 MySQL
Win11 PC上的Outlook搜索错误怎么办?
2022/07/15 数码科技
JS前端可视化canvas动画原理及其推导实现
2022/08/05 Javascript
MySQL 原理与优化之原数据锁的应用
2022/08/14 MySQL