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 相关文章推荐
datePicker——日期选择控件(with jquery)
Feb 20 Javascript
JavaScript自定义DateDiff函数(兼容所有浏览器)
Mar 01 Javascript
jQuery插件实现屏蔽单个元素使用户无法点击
Apr 12 Javascript
js模拟C#中List的简单实例
Mar 06 Javascript
JQuery实现超链接鼠标提示效果的方法
Jun 10 Javascript
原生JS实现旋转木马式图片轮播插件
Apr 25 Javascript
jQuery下拉菜单的实现代码
Nov 03 Javascript
浅谈jquery页面初始化的4种方式
Nov 27 Javascript
Webpack执行命令参数详解
Jun 17 Javascript
vue.js内部自定义指令与全局自定义指令的实现详解(利用directive)
Jul 11 Javascript
Nuxt配置Element-UI按需引入的操作方法
Jul 06 Javascript
Vue自定义组件双向绑定实现原理及方法详解
Sep 03 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
关于Intype一些小问题的解决办法
2008/03/28 PHP
PHP 手机归属地查询 api
2010/02/08 PHP
php多重接口的实现方法
2015/06/20 PHP
Linux系统递归生成目录中文件的md5的方法
2015/06/29 PHP
JavaScript 字符编码规则
2009/05/04 Javascript
jquery删除指定子元素代码实例
2015/01/13 Javascript
js简单实现点击左右运动的方法
2015/04/10 Javascript
jQuery获取页面元素绝对与相对位置的方法
2015/06/10 Javascript
JavaScript中字符串与Unicode编码互相转换的实现方法
2015/12/18 Javascript
JS函数的定义与调用方法推荐
2016/05/12 Javascript
纯前端JavaScript实现Excel IO案例分享
2016/08/26 Javascript
JS中使用mailto实现将用户在网页中输入的内容传递到本地邮件客户端
2016/10/08 Javascript
微信小程序 vidao实现视频播放和弹幕的功能
2016/11/02 Javascript
Javascript别踩白块儿(钢琴块儿)小游戏实现代码
2017/07/20 Javascript
vue+vuex+axios+echarts画一个动态更新的中国地图的方法
2017/12/19 Javascript
JS中注入eval, Function等系统函数截获动态代码
2019/04/03 Javascript
vue 引用自定义ttf、otf、在线字体的方法
2019/05/09 Javascript
vue 实现input表单元素的disabled示例
2019/10/28 Javascript
JavaScript中while循环的基础使用教程
2020/08/11 Javascript
原生JS实现多条件筛选
2020/08/19 Javascript
Python基础教程之正则表达式基本语法以及re模块
2016/03/25 Python
python实现kNN算法
2017/12/20 Python
pandas每次多Sheet写入文件的方法
2018/12/10 Python
Python面向对象程序设计中类的定义、实例化、封装及私有变量/方法详解
2019/02/28 Python
详解python和matlab的优势与区别
2019/06/28 Python
mac系统下Redis安装和使用步骤详解
2019/07/09 Python
python实现基于朴素贝叶斯的垃圾分类算法
2019/07/09 Python
python实现用类读取文件数据并计算矩形面积
2020/01/18 Python
使用jTopo给Html5 Canva中绘制的元素添加鼠标事件
2014/05/15 HTML / CSS
AE美国鹰美国官方网站:American Eagle Outfitters
2016/08/22 全球购物
JD Sports瑞典:英国领先的运动时尚商店
2018/01/28 全球购物
2014年会演讲稿范文
2014/01/06 职场文书
事业单位请假制度
2014/01/13 职场文书
《白鹅》教学反思
2014/04/13 职场文书
小英雄雨来观后感
2015/06/09 职场文书
python自动化操作之动态验证码、滑动验证码的降噪和识别
2021/08/30 Python