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 相关文章推荐
IE php关于强制下载文件的代码
Aug 23 Javascript
善用事件代理,警惕闭包的性能陷阱。
Jan 20 Javascript
window.showModalDialog()返回值的学习心得总结
Jan 07 Javascript
一个简单的jQuery插件ajaxfileupload.js实现ajax上传文件例子
Jun 26 Javascript
js实现的动画导航菜单效果代码
Sep 10 Javascript
jQuery基于ajax()使用serialize()提交form数据的方法
Dec 08 Javascript
详解js私有作用域中创建特权方法
Jan 25 Javascript
jQuery选择器及jquery案例详解(必看)
May 20 Javascript
JS解决position:sticky的兼容性问题的方法
Oct 17 Javascript
Vue实现星级评价效果实例详解
Dec 30 Javascript
vue3.0生命周期的示例代码
Sep 24 Javascript
JavaScript 事件捕获冒泡与捕获详情
Nov 11 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
将兴奋、喜悦和坎加斯带到戴安娜:亚马逊公主
2020/03/03 欧美动漫
php实现文件编码批量转换
2014/03/10 PHP
详解php中空字符串和0之间的关系
2016/10/23 PHP
php实现微信公众平台发红包功能
2018/06/14 PHP
tp5框架前台无限极导航菜单类实现方法分析
2020/03/29 PHP
javascript-TreeView父子联动效果保持节点状态一致
2007/08/12 Javascript
手机平板等移动端适配跳转URL的js代码
2014/01/25 Javascript
浅析JS中document对象的一些重要属性
2014/03/06 Javascript
用Move.js配合创建CSS3动画的入门指引
2015/07/22 Javascript
javascript引用类型之时间Date和数组Array
2015/08/27 Javascript
Jquery1.9.1源码分析系列(六)延时对象应用之jQuery.ready
2015/11/24 Javascript
AngularJS 实现点击按钮获取验证码功能实例代码
2017/07/13 Javascript
jQuery UI Draggable + Sortable 结合使用(实例讲解)
2017/09/07 jQuery
微信小程序开发之改变data中数组或对象的某一属性值
2018/07/05 Javascript
JS实现获取数组中最大值或最小值功能示例
2019/03/02 Javascript
详解Vue前端对axios的封装和使用
2019/04/01 Javascript
vue实现页面滚动到底部刷新
2019/08/16 Javascript
vue集成chart.js的实现方法
2019/08/20 Javascript
layui操作列按钮个数和文字颜色的判断实例
2019/09/11 Javascript
JS实现随机抽选获奖者
2019/11/07 Javascript
JavaScript canvas实现跟随鼠标事件
2020/02/10 Javascript
[01:32]2016国际邀请赛中国区预选赛CDEC战队教练采访
2016/06/26 DOTA
更改Python命令行交互提示符的方法
2015/01/14 Python
python之文件的读写和文件目录以及文件夹的操作实现代码
2016/08/28 Python
Python算法应用实战之栈详解
2017/02/04 Python
Python3操作SQL Server数据库(实例讲解)
2017/10/21 Python
Python 快速实现CLI 应用程序的脚手架
2017/12/05 Python
基于python3 OpenCV3实现静态图片人脸识别
2018/05/25 Python
python实现移位加密和解密
2019/03/22 Python
纯css3实现效果超级炫的checkbox复选框和radio单选框
2014/09/01 HTML / CSS
Clarks鞋法国官方网站:英国其乐鞋品牌
2018/02/11 全球购物
xml有哪些解析技术?区别是什么
2016/04/26 面试题
请描述一下”is a”关系和”has a”关系
2015/02/03 面试题
技能培训通讯稿
2015/07/18 职场文书
干货:我将这样书写我的演讲稿!
2019/05/09 职场文书
带你了解Java中的ForkJoin
2022/04/28 Java/Android