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 相关文章推荐
javascript 支持ie和firefox杰奇翻页函数
Jul 22 Javascript
js 中的switch表达式使用示例
Jun 03 Javascript
javascript随机显示背景图片的方法
Jun 18 Javascript
js文本框输入内容智能提示效果
Dec 02 Javascript
原生js实现图片轮播特效
Dec 18 Javascript
vue.js绑定class和style样式(6)
Dec 09 Javascript
ajax与json 获取数据并在前台使用简单实例
Jan 19 Javascript
基于jquery实现多级菜单效果
Jul 25 jQuery
Parcel 打包示例(React HelloWorld)
Jan 16 Javascript
Vue组件的使用及个人理解与介绍
Feb 09 Javascript
使用JavaScript解析URL的方法示例
Mar 01 Javascript
JavaScript 替换所有匹配内容及正则替换方法
Feb 12 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
php抓即时股票信息
2006/10/09 PHP
PHP中数组的分组排序实例
2014/06/01 PHP
PHP关联数组实现根据元素值删除元素的方法
2015/06/26 PHP
微信支付PHP SDK ―― 公众号支付代码详解
2016/09/13 PHP
给jqGrid数据行添加修改和删除操作链接(之一)
2011/11/04 Javascript
jQuery自定义事件的简单实现代码
2014/01/27 Javascript
你未必知道的JavaScript和CSS交互的5种方法
2014/04/02 Javascript
js实现精美的银灰色竖排折叠菜单
2015/05/16 Javascript
jQuery-1.9.1源码分析系列(十一)DOM操作续之克隆节点
2015/12/01 Javascript
基于javascript实现泡泡大冒险网页版小游戏
2016/03/23 Javascript
基于node实现websocket协议
2016/04/25 Javascript
JS实现控制文本框的内容
2016/07/10 Javascript
Bootstrap零基础入门教程(二)
2016/07/18 Javascript
AngularJS基础 ng-switch 指令简单示例
2016/08/03 Javascript
微信小程序 两种滑动方式(横向滑动,竖向滑动)详细及实例代码
2017/01/13 Javascript
jquery+css实现简单的图片轮播效果
2017/08/07 jQuery
ionic App问题总结系列之ionic点击系统返回键退出App
2017/08/19 Javascript
JS使用贪心算法解决找零问题示例
2017/11/27 Javascript
electron制作仿制qq聊天界面的示例代码
2018/11/26 Javascript
微信公众平台 客服接口发消息的实现代码(Java接口开发)
2019/04/17 Javascript
解析原来浏览器原生支持JS Base64编码解码
2019/08/12 Javascript
js实现选项卡效果
2020/03/07 Javascript
[15:46]教你分分钟做大人——沙王
2015/03/11 DOTA
python将视频转换为全字符视频
2019/04/26 Python
浅谈python3 构造函数和析构函数
2020/03/12 Python
Python实现发票自动校核微信机器人的方法
2020/05/22 Python
基于python代码批量处理图片resize
2020/06/04 Python
Python图像处理二值化方法实例汇总
2020/07/24 Python
Python私有属性私有方法应用实例解析
2020/09/15 Python
如何创建一个Flask项目并进行简单配置
2020/11/18 Python
韩国休闲女装品牌网站:ANAIS
2016/08/24 全球购物
台湾SHOPRO购物行家:亚洲首创影视.3C.家电.优质购物平台
2018/05/07 全球购物
南京迈特望C/C++面试题
2012/07/09 面试题
生物科学专业职业规划书范文
2014/02/11 职场文书
海南召开党的群众路线教育实践活动总结大会新闻稿
2014/10/21 职场文书
一篇文章带你深入了解Mysql触发器
2021/08/02 MySQL