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 相关文章推荐
用js实现层随着内容大小动态渐变改变 推荐
Dec 19 Javascript
xss文件页面内容读取(解决)
Nov 28 Javascript
js将json格式内容转换成对象的方法
Nov 01 Javascript
js计算两个时间之间天数差的实例代码
Nov 19 Javascript
javascript操作字符串的原生方法
Dec 22 Javascript
JavaScript中用toString()方法返回时间为字符串
Jun 12 Javascript
js窗口关闭提示信息(兼容IE和firefox)
Oct 23 Javascript
JavaScript常见的五种数组去重的方式
Dec 15 Javascript
jQuery插件HighCharts实现的2D面积图效果示例【附demo源码下载】
Mar 15 Javascript
微信小程序获取微信运动步数的实例代码
Jul 20 Javascript
vue-quill-editor+plupload富文本编辑器实例详解
Oct 19 Javascript
解决vue项目中出现Invalid Host header的问题
Nov 17 Javascript
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
支持oicq头像的留言簿(一)
2006/10/09 PHP
php将html转为图片的实现方法
2017/05/19 PHP
PHP 实现人民币小写转换成大写的方法及大小写转换函数
2017/11/17 PHP
经典的解除许多网站无法复制文字的绝招
2006/12/31 Javascript
麦鸡的TAB切换功能结合了javascript和css
2007/12/17 Javascript
Javascript 调试利器 Firebug使用详解六
2009/07/05 Javascript
JQuery 遮罩层实现(mask)实现代码
2010/01/09 Javascript
关于文本框的一些限制控制总结~~
2010/04/15 Javascript
IE6弹出“已终止操作”的解决办法
2010/11/27 Javascript
jQuery设置Cookie及删除Cookie实例分析
2016/04/15 Javascript
AngularJS 实现JavaScript 动画效果详解
2016/09/08 Javascript
jquery 动态增加,减少input表单的简单方法(必看)
2016/10/12 Javascript
通过原生JS实现为元素添加事件的方法
2016/11/23 Javascript
JavaScript反弹动画效果的实现代码
2017/07/13 Javascript
React学习笔记之列表渲染示例详解
2017/08/22 Javascript
分析javascript中9 个常见错误阻碍你进步
2017/09/18 Javascript
浅谈高大上的微信小程序中渲染html内容—技术分享
2018/10/25 Javascript
vue大型项目之分模块运行/打包的实现
2020/09/21 Javascript
Python多线程编程(二):启动线程的两种方法
2015/04/05 Python
Python实现的快速排序算法详解
2017/08/01 Python
python监控进程脚本
2018/04/12 Python
python 用opencv调用训练好的模型进行识别的方法
2018/12/07 Python
安装PyInstaller失败问题解决
2019/12/14 Python
python pptx复制指定页的ppt教程
2020/02/14 Python
基于Python采集爬取微信公众号历史数据
2020/11/27 Python
CSS3效果:自定义“W”形运行轨迹实例
2017/03/29 HTML / CSS
css3边框_动力节点Java学院整理
2017/07/11 HTML / CSS
Canvas 文字碰撞检测并抽稀的方法
2019/05/27 HTML / CSS
澳大利亚女装精品店:Alannah Hill
2020/07/29 全球购物
音乐学个人的自荐书范文
2013/11/26 职场文书
群众路线个人对照检查材料
2014/09/23 职场文书
2014年科协工作总结
2014/12/09 职场文书
幼师求职自荐信
2015/03/26 职场文书
2015年员工工作总结范文
2015/04/08 职场文书
司法廉洁教育心得体会
2016/01/20 职场文书
2016年艾滋病宣传活动总结
2016/04/01 职场文书