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 相关文章推荐
jQuery帮助之CSS尺寸(五)outerHeight、outerWidth
Nov 14 Javascript
非常强大的 jQuery.AsyncBox 弹出对话框插件
Aug 29 Javascript
jQuery中关于ScrollableGridPlugin.js(固定表头)插件的使用逐步解析
Jul 17 Javascript
javascript实现的一个随机点名功能
Aug 26 Javascript
使用 js+正则表达式为关键词添加链接
Nov 11 Javascript
Nginx上传文件全部缓存解决方案
Aug 17 Javascript
HTML5canvas 绘制一个圆环形的进度表示实例
Dec 16 Javascript
详解vue组件开发脚手架
Jun 15 Javascript
JavaScript指定断点操作实例教程
Sep 18 Javascript
jQuery 操作 HTML 元素和属性的方法
Nov 12 jQuery
JavaScript 自定义html元素鼠标右键菜单功能
Dec 02 Javascript
JavaScript设计模式--简单工厂模式定义与应用案例详解
May 23 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
Win9x/ME下Apache+PHP安装配置
2006/10/09 PHP
PHPMailer安装方法及简单实例
2008/11/25 PHP
php算法实例分享
2015/07/14 PHP
PHP+shell脚本操作Memcached和Apache Status的实例分享
2016/03/11 PHP
ThinkPHP5 框架引入 Go AOP,PHP AOP编程项目详解
2020/05/12 PHP
基于jquery实现的一个选择中国大学的弹框 (数据、步骤、代码)
2012/07/26 Javascript
JavaScript ES6的新特性使用新方法定义Class
2016/06/28 Javascript
需要牢记的JavaScript基础知识
2016/09/25 Javascript
JavaScript中常用的验证reg
2016/10/13 Javascript
简单三步实现报表页面集成天气
2016/12/15 Javascript
vue cli 3.0 搭建项目的图文教程
2019/05/17 Javascript
利用layer实现表单完美验证的方法
2019/09/26 Javascript
简单了解JS打开url的方法
2020/02/21 Javascript
Python学习笔记之os模块使用总结
2014/11/03 Python
Python异常学习笔记
2015/02/03 Python
基于Python 的进程管理工具supervisor使用指南
2016/09/18 Python
Python使用爬虫抓取美女图片并保存到本地的方法【测试可用】
2018/08/30 Python
Python图像处理PIL各模块详细介绍(推荐)
2019/07/17 Python
python os.path.isfile()因参数问题判断错误的解决
2019/11/29 Python
CSS3的新特性介绍
2008/10/31 HTML / CSS
html5音频_动力节点Java学院整理
2018/08/22 HTML / CSS
canvas如何绘制钟表的方法
2017/12/13 HTML / CSS
印度尼西亚最大和最全面的网络商城:Blibli.com
2017/10/04 全球购物
塑料制成的可水洗的编织平底鞋和鞋子:Rothy’s
2018/09/16 全球购物
世界上最大的隐形眼镜商店:1-800 Contacts
2018/11/03 全球购物
植村秀美国官网:Shu Uemura美国
2019/03/19 全球购物
中英文自我评价语句
2013/12/20 职场文书
八年级物理教学反思
2014/01/19 职场文书
大专生自我评价
2014/01/28 职场文书
房地产公司见习自我鉴定
2014/04/28 职场文书
不听老师话的万能检讨书
2014/10/04 职场文书
副总经理岗位职责
2015/02/02 职场文书
基于go interface{}==nil 的几种坑及原理分析
2021/04/24 Golang
webpack的移动端适配方案小结
2021/07/25 Javascript
javascript遍历对象的五种方式实例代码
2021/10/24 Javascript
一篇文章带你掌握SQLite3基本用法
2022/06/14 数据库