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中点击空白区域时文本框与隐藏层的显示与影藏问题
Aug 26 Javascript
Knockout visible绑定使用方法
Nov 15 Javascript
js对象浅拷贝和深拷贝详解
Sep 05 Javascript
jQuery css() 方法动态修改CSS属性
Sep 25 Javascript
基于vuejs实现一个todolist项目
Apr 11 Javascript
js实现图片旋转 js滚动鼠标中间对图片放大缩小
Jul 05 Javascript
如何利用@angular/cli V6.0直接开发PWA应用详解
May 06 Javascript
JavaScript实现的DOM绘制柱状图效果示例
Aug 08 Javascript
vue代码分割的实现(codesplit)
Nov 13 Javascript
zepto.js 实时监听输入框的方法
Dec 04 Javascript
Vue模板语法中数据绑定的实例代码
May 17 Javascript
uni-app 微信小程序授权登录的实现步骤
Feb 18 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/11/26 PHP
php利用gd库为图片添加水印
2016/11/09 PHP
PHP利用正则表达式将相对路径转成绝对路径的方法示例
2017/02/28 PHP
原生PHP实现导出csv格式Excel文件的方法示例【附源码下载】
2019/03/07 PHP
自定义Laravel (monolog)日志位置,并增加请求ID的实现
2019/10/17 PHP
不同的jQuery API来处理不同的浏览器事件
2012/12/09 Javascript
jquery 实现窗口的最大化不论什么情况
2013/09/03 Javascript
web css实现整站样式互相切换
2013/10/29 Javascript
Jquery通过Ajax方式来提交Form表单的具体实现
2013/11/07 Javascript
JavaScript通过this变量快速找出用户选中radio按钮的方法
2015/03/23 Javascript
javascript实现显示和隐藏div方法汇总
2015/08/14 Javascript
jquery实现点击变换导航样式的方法
2015/08/31 Javascript
初步使用Node连接Mysql数据库
2016/03/03 Javascript
Bootstrap源码解读标签、徽章、缩略图和警示框(8)
2016/12/26 Javascript
在angular 6中使用 less 的实例代码
2018/05/13 Javascript
angularJs中ng-model-options设置数据同步的方法
2018/09/30 Javascript
小程序瀑布流组件实现翻页与图片懒加载
2020/05/19 Javascript
详解JavaScript之ES5的继承
2020/07/08 Javascript
JavaScript实现简单日历效果
2020/09/11 Javascript
Python基于Tkinter模块实现的弹球小游戏
2018/12/27 Python
python贪吃蛇游戏代码
2020/04/18 Python
Django框架视图函数设计示例
2019/07/29 Python
浅析python 中大括号中括号小括号的区分
2019/07/29 Python
Python2比较当前图片跟图库哪个图片相似的方法示例
2019/09/28 Python
python GUI库图形界面开发之PyQt5信号与槽的高级使用技巧装饰器信号与槽详细使用方法与实例
2020/03/06 Python
Python 常用日期处理 -- calendar 与 dateutil 模块的使用
2020/09/02 Python
HTML5 微格式和相关的属性名称
2010/02/10 HTML / CSS
Html5新增标签有哪些
2017/04/13 HTML / CSS
戴森美国官网:Dyson美国
2016/09/11 全球购物
新西兰领先的内衣店:Bendon Lingerie新西兰
2018/07/11 全球购物
高中体育教学反思
2014/01/29 职场文书
个人安全承诺书
2014/05/22 职场文书
面试必备的求职信
2014/05/25 职场文书
商务经理岗位职责
2014/08/03 职场文书
单位工作证明
2014/10/07 职场文书
导游词之嵊泗列岛
2019/10/30 职场文书