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 编程笔记 无名函数
Jun 28 Javascript
你必须知道的Javascript知识点之"深入理解作用域链"的介绍
Apr 23 Javascript
常见的原始JS选择器使用方法总结
Apr 09 Javascript
一个JavaScript用逗号分割字符串实例
Sep 22 Javascript
JavaScript获取页面中第一个锚定文本的方法
Apr 03 Javascript
JS解析XML文件和XML字符串详解
Apr 17 Javascript
Angular 输入框实现自定义验证功能
Feb 19 Javascript
用 js 的 selection range 操作选择区域内容和图片
Apr 18 Javascript
VUE + UEditor 单图片跨域上传功能的实现方法
Feb 08 Javascript
layui实现三级联动效果
Jul 26 Javascript
vue-router 路由传参用法实例分析
Mar 06 Javascript
jQuery 移除事件的方法
Jun 20 jQuery
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
thinkPHP实现基于ajax的评论回复功能
2018/06/22 PHP
js判断输入是否为数字的具体实例
2013/08/03 Javascript
JavaScript正则表达式小结(test|match|search|replace|split|exec)
2016/12/08 Javascript
vue使用自定义icon图标的方法
2018/05/14 Javascript
Vue中使用sass实现换肤功能
2018/09/07 Javascript
对vue下点击事件传参和不传参的区别详解
2018/09/15 Javascript
浅谈vue中关于checkbox数据绑定v-model指令的个人理解
2018/11/14 Javascript
JavaScript实现轮播图效果代码实例
2019/09/28 Javascript
Vue修改项目启动端口号方法
2019/11/07 Javascript
[03:24]2014DOTA2国际邀请赛 神秘商店生意火爆
2014/07/18 DOTA
基于scrapy实现的简单蜘蛛采集程序
2015/04/17 Python
Python脚本实现虾米网签到功能
2016/04/12 Python
Python+PIL实现支付宝AR红包
2018/02/09 Python
浅谈Django中的数据库模型类-models.py(一对一的关系)
2018/05/30 Python
Python中list查询及所需时间计算操作示例
2018/06/21 Python
python 对txt中每行内容进行批量替换的方法
2018/07/11 Python
Python符号计算之实现函数极限的方法
2019/07/15 Python
Python 如何创建一个简单的REST接口
2020/07/30 Python
Python如何将模块打包并发布
2020/08/30 Python
python实现登录与注册系统
2020/11/30 Python
分享8款纯CSS3实现的搜索框功能
2017/09/14 HTML / CSS
Ellesse英国官网:意大利高级运动品牌
2019/07/23 全球购物
自动化专业职业生涯规划书范文
2014/01/16 职场文书
世界读书日的活动方案
2014/08/20 职场文书
2014年学校国庆主题活动方案
2014/09/16 职场文书
涉外离婚协议书怎么写
2014/11/20 职场文书
工人先进事迹材料
2014/12/26 职场文书
离婚上诉状范文
2015/05/23 职场文书
音乐会主持人开场白
2015/05/28 职场文书
会计继续教育培训心得体会
2016/01/19 职场文书
如果用一句诗总结你的上半年,你会用哪句呢?
2019/07/16 职场文书
使用Djongo模块在Django中使用MongoDB数据库
2021/06/20 Python
php png失真的原因及解决办法
2021/10/24 PHP
Python+Selenium自动化环境搭建与操作基础详解
2022/03/13 Python
Meta增速拉垮,元宇宙难当重任
2022/04/29 数码科技
IIS服务器中设置HTTP重定向访问HTTPS
2022/04/29 Servers