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 相关文章推荐
15个款优秀的 jQuery 图片特效插件推荐
Nov 21 Javascript
js的表单操作 简单计算器
Dec 29 Javascript
JavaScript实现网页加载进度条代码超简单
Sep 21 Javascript
JS中生成随机数的用法及相关函数
Jan 09 Javascript
jquery div模态窗口的简单实例
May 28 Javascript
jQuery实现淡入淡出的模态框
Feb 09 Javascript
微信小程序 动态传参实例详解
Apr 27 Javascript
说说AngularJS中的$parse和$eval的用法
Sep 14 Javascript
CSS3结合jQuery实现动画效果及回调函数的实例
Dec 27 jQuery
微信小程序实现选项卡效果
Nov 06 Javascript
微信小程序登录数据解密及状态维持实例详解
May 06 Javascript
微信小程序防止多次点击跳转(函数节流)
Sep 19 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读取excel文件示例分享(更新修改excel)
2014/02/27 PHP
PHP生成短网址的3种方法代码实例
2014/07/08 PHP
重新认识php array_merge函数
2014/08/31 PHP
自己写的兼容低于PHP 5.5版本的array_column()函数
2014/10/24 PHP
php获取是星期几的的一些常用姿势
2019/12/15 PHP
jQuery学习笔记(1)--用jQuery实现异步通信(用json传值)具体思路
2013/04/08 Javascript
调用jQuery滑出效果时闪烁的解决方法
2014/03/27 Javascript
jQuery+PHP打造滑动开关效果
2014/12/16 Javascript
基于jquery实现一个滚动的分步注册向导-附源码
2015/08/26 Javascript
原生JS改变透明度实现轮播效果
2017/03/24 Javascript
最基础的vue.js双向绑定操作
2017/08/23 Javascript
基于vue的换肤功能的示例代码
2017/10/10 Javascript
详解VueJS应用中管理用户权限
2018/02/02 Javascript
微信小程序中实现手指缩放图片的示例代码
2018/03/13 Javascript
vue axios请求超时的正确处理方法
2018/04/02 Javascript
详谈vue中router-link和传统a链接的区别
2020/07/22 Javascript
解决pycharm运行时interpreter为空的问题
2018/10/29 Python
python面向对象入门教程之从代码复用开始(一)
2018/12/11 Python
Python中url标签使用知识点总结
2020/01/16 Python
彻底解决Python包下载慢问题
2020/11/15 Python
html5弹跳球示例代码
2013/07/23 HTML / CSS
北美大型运动类产品商城:Champs Sports
2017/01/12 全球购物
英国快时尚女装购物网站:PrettyLittleThing
2018/08/15 全球购物
澳洲本土太阳镜品牌:Quay Australia
2019/07/29 全球购物
美国体育用品商店:Academy Sports + Outdoors
2020/01/04 全球购物
什么是Assembly(程序集)
2014/09/14 面试题
学习经验演讲稿
2014/05/10 职场文书
在职证明书范本(2014新版)
2014/09/25 职场文书
保留意见审计报告
2015/06/05 职场文书
赞助商致辞
2015/07/30 职场文书
工作后的感想
2015/08/07 职场文书
2016关于军训的心得体会
2016/01/11 职场文书
青年教师听课心得体会
2016/01/15 职场文书
Java Spring Lifecycle的使用
2022/05/06 Java/Android
Python中的 No Module named ***问题及解决
2022/07/23 Python
AndroidStudio图片压缩工具ImgCompressPlugin使用实例
2022/08/05 Java/Android