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对列表中第一个值处理与jsp页面对列表中第一个值处理的区别详解
Nov 05 Javascript
吐槽一下我所了解的Node.js
Oct 08 Javascript
JavaScript实现查找字符串中第一个不重复的字符
Dec 29 Javascript
js命名空间写法示例
Dec 18 Javascript
Bootstrap编写一个在当前网页弹出可关闭的对话框 非弹窗
Jun 30 Javascript
js中window.open的参数及注意注意事项
Jul 06 Javascript
jQuery实现的放大镜效果示例
Sep 13 Javascript
js实现微信/QQ直接跳转到支付宝APP打开口令领红包功能
Jan 09 Javascript
如何在vue里添加好看的lottie动画
Aug 02 Javascript
微信小程序保存图片到相册权限设置
Apr 09 Javascript
Vue 的双向绑定原理与用法揭秘
May 06 Javascript
AJAX检测用户名是否存在的方法
Mar 24 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
9个经典的PHP代码片段分享
2014/12/18 PHP
PHP常用技巧汇总
2016/03/04 PHP
程序员的表白神器“520”大声喊出来
2016/05/20 PHP
关于php 高并发解决的一点思路
2017/04/16 PHP
PHP正则匹配操作简单示例【preg_match_all应用】
2017/07/10 PHP
thinkphp5框架实现的自定义扩展类操作示例
2019/05/16 PHP
(function($){...})(jQuery)的意思
2010/07/22 Javascript
jQuery jqgrid 对含特殊字符json 数据的 Java 处理方法
2011/01/01 Javascript
基于jQuery的公告无限循环滚动实现代码
2012/05/11 Javascript
javascript继承之为什么要继承
2012/11/10 Javascript
js给onclick赋值传参数的两种方法
2013/11/25 Javascript
Javascript实现简单的富文本编辑器附演示
2014/06/16 Javascript
原生javascript实现隔行换色
2015/01/04 Javascript
jQuery寻找n以内完全数的方法
2015/06/24 Javascript
基于ajax实现文件上传并显示进度条
2015/08/03 Javascript
Javascript 正则表达式校验数字的简单实例
2016/11/02 Javascript
详解jQuery简单的表格应用
2016/12/16 Javascript
微信小程序图片横向左右滑动案例
2017/05/19 Javascript
浅谈关于vue中scss公用的解决方案
2019/12/02 Javascript
Element Backtop回到顶部的具体使用
2020/07/27 Javascript
js实现数字跳动到指定数字
2020/08/25 Javascript
[35:44]2014 DOTA2华西杯精英邀请赛 5 24 iG VS VG
2014/05/26 DOTA
在Python中的Django框架中进行字符串翻译
2015/07/27 Python
Python定义二叉树及4种遍历方法实例详解
2018/07/05 Python
python抓取京东小米8手机配置信息
2018/11/13 Python
Python元组知识点总结
2019/02/18 Python
python学习开发mock接口
2019/04/28 Python
python使用配置文件过程详解
2019/12/28 Python
解决Keras TensorFlow 混编中 trainable=False设置无效问题
2020/06/28 Python
职业生涯规划书范文
2014/03/10 职场文书
法律六进活动方案
2014/03/13 职场文书
教师群众路线心得体会
2014/11/04 职场文书
财务人员廉洁自律心得体会
2016/01/13 职场文书
党风廉政建设心得体会
2019/05/21 职场文书
vue.js 使用原生js实现轮播图
2022/04/26 Vue.js
GoFrame基于性能测试得知grpool使用场景
2022/06/21 Golang