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 相关文章推荐
[原创]用javascript实现检测指定目录是否存在的方法
Jan 12 Javascript
CutePsWheel javascript libary 控制输入文本框为可使用滚轮控制的js库
Feb 07 Javascript
精心挑选的15个jQuery下拉菜单制作教程
Jun 15 Javascript
jQuery页面图片伴随滚动条逐渐显示的小例子
Mar 21 Javascript
鼠标拖动实现DIV排序示例代码
Oct 14 Javascript
js获取窗口相对于屏幕左边和上边的位置坐标
May 15 Javascript
JS中的THIS和WINDOW.EVENT.SRCELEMENT详解
May 25 Javascript
跟我学习javascript的异步脚本加载
Nov 20 Javascript
jQuery插件ajaxFileUpload使用详解
Jan 10 Javascript
JS实现将链接生成二维码并转为图片的方法
Mar 17 Javascript
基于iScroll实现内容滚动效果
Mar 21 Javascript
Vue router传递参数并解决刷新页面参数丢失问题
Dec 02 Vue.js
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
xml+php动态载入与分页
2006/10/09 PHP
一个完整的php文件上传类实例讲解
2015/10/27 PHP
配置Nginx+PHP的正确思路与过程
2016/05/10 PHP
PHP+Mysql无刷新问答评论系统(源码)
2016/12/20 PHP
php mysql操作mysql_connect连接数据库实例详解
2016/12/26 PHP
php 7新特性之类型申明详解
2017/06/06 PHP
Ajax中的JSON格式与php传输过程全面解析
2017/11/14 PHP
用javascript实现自定义标签
2007/05/08 Javascript
Javascript中Eval函数的使用说明
2008/10/11 Javascript
用JavaScript仿PS里的羽化效果代码
2011/12/20 Javascript
用JavaScript实现类似于ListBox功能示例代码
2014/03/09 Javascript
javascript实现简单的二级联动
2015/03/19 Javascript
jQuery+CSS3实现3D立方体旋转效果
2015/11/10 Javascript
javascript日期格式化方法小结
2015/12/17 Javascript
浅析BootStrap栅格系统
2016/06/07 Javascript
详解使用nodeJs安装Vue-cli
2017/05/17 NodeJs
通过源码分析Vue的双向数据绑定详解
2017/09/24 Javascript
vue中使用cookies和crypto-js实现记住密码和加密的方法
2018/10/18 Javascript
vue+node实现图片上传及预览的示例方法
2018/11/22 Javascript
vue实现PC端录音功能的实例代码
2019/06/05 Javascript
Python sql注入 过滤字符串的非法字符实例
2020/04/03 Python
使用CSS3代码绘制可爱的Hello Kitty猫
2016/08/03 HTML / CSS
CSS3网格的三个新特性详解
2014/04/04 HTML / CSS
canvas如何实现多张图片编辑的图片编辑器
2020/03/10 HTML / CSS
俄罗斯儿童和青少年服装、鞋子及配件的在线商店:Orby
2020/02/20 全球购物
Linux文件系统类型
2012/02/15 面试题
仓库管理员岗位职责
2014/03/19 职场文书
教师党的群众路线教育实践活动学习笔记
2014/11/05 职场文书
巾帼标兵事迹材料
2014/12/26 职场文书
求职自荐信范文(优秀篇)
2015/03/27 职场文书
百日宴上的祝酒词
2015/08/10 职场文书
体育委员竞选稿
2015/11/21 职场文书
导游词之韩国济州岛
2019/10/28 职场文书
python人工智能human learn绘图可创建机器学习模型
2021/11/23 Python
MySQL笔记 —SQL运算符
2022/01/18 MySQL
POST提交数据常见的四种方式
2022/01/18 HTML / CSS