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 相关文章推荐
经典的解除许多网站无法复制文字的绝招
Dec 31 Javascript
使用Json比用string返回数据更友好,也更面向对象一些
Sep 13 Javascript
关于javascript中的typeof和instanceof介绍
Dec 04 Javascript
jquery中用函数来设置css样式
Dec 22 Javascript
使用async、enterproxy控制并发数量的方法详解
Jan 02 Javascript
ES6 迭代器(Iterator)和 for.of循环使用方法学习(总结)
Feb 08 Javascript
微信小程序多音频播放进度条问题
Aug 28 Javascript
Vue项目引进ElementUI组件的方法
Nov 11 Javascript
深入学习js函数的隐式参数 arguments 和 this
Jun 24 Javascript
微信小程序仿淘宝热搜词在搜索框中轮播功能
Jan 21 Javascript
JavaScript禁止右击保存图片,禁止拖拽图片的实现代码
Apr 28 Javascript
webpack+vue.js构建前端工程化的详细教程
May 10 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
Ext.MessageBox工具类简介
2009/12/10 Javascript
Javascript获取窗口(容器)的大小及位置参数列举及简要说明
2012/12/09 Javascript
Extjs4 消息框去掉关闭按钮(类似Ext.Msg.alert)
2013/04/02 Javascript
JavaScript的arguments对象应用示例
2014/09/15 Javascript
javascript 动态创建表格
2015/01/08 Javascript
jQuery实用技巧必备(上)
2015/11/02 Javascript
Bootstrap模态对话框的简单使用
2016/04/29 Javascript
利用AJAX实现WordPress中的文章列表及评论的分页功能
2016/05/17 Javascript
JavaScript队列、优先队列与循环队列
2016/11/14 Javascript
浅谈jquery采用attr修改form表单enctype不起作用的问题
2016/11/25 Javascript
js 颜色选择插件
2017/01/23 Javascript
JavaScript实现简单动态进度条效果
2018/04/06 Javascript
vue+element实现表单校验功能
2019/05/20 Javascript
react-native聊天室|RN版聊天App仿微信实例|RN仿微信界面
2019/11/12 Javascript
python使用PyGame播放Midi和Mp3文件的方法
2015/04/24 Python
浅谈python新式类和旧式类区别
2019/04/26 Python
Python assert语句的简单使用示例
2019/07/28 Python
调试Django时打印SQL语句的日志代码实例
2019/09/12 Python
Tensorflow 实现将图像与标签数据转化为tfRecord文件
2020/02/17 Python
Python Websocket服务端通信的使用示例
2020/02/25 Python
解决django中form表单设置action后无法回到原页面的问题
2020/03/13 Python
Python如何给你的程序做性能测试
2020/07/29 Python
Jupyter Notebook添加代码自动补全功能的实现
2021/01/07 Python
用CSS3将你的设计带入下个高度
2009/08/08 HTML / CSS
诺心蛋糕官网:LE CAKE
2018/08/25 全球购物
Java方面的关于数组和继承的笔面试题
2015/09/18 面试题
大学生涯自我鉴定
2014/01/16 职场文书
颁奖典礼主持词
2014/03/25 职场文书
闭幕式主持词
2014/04/02 职场文书
超市仓管员岗位职责
2014/04/07 职场文书
加入学生会演讲稿
2014/04/24 职场文书
卫生系统先进事迹
2014/05/13 职场文书
2015年宣传工作总结
2015/04/08 职场文书
学术会议通知范文
2015/04/15 职场文书
建筑工程挂靠协议书
2016/03/23 职场文书
python中tkinter复选框使用操作
2021/11/11 Python