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 02 Javascript
新手入门常用代码集锦
Jan 11 Javascript
JSON 学习之JSON in JavaScript详细使用说明
Feb 23 Javascript
也说JavaScript中String类的replace函数
Sep 22 Javascript
JQuery循环滚动图片代码
Dec 08 Javascript
JS实现一个按钮的方法
Feb 05 Javascript
用JavaScript实现对话框的教程
Jun 04 Javascript
JS实现间歇滚动的运动效果实例
Dec 22 Javascript
React通过父组件传递类名给子组件的实现方法
Nov 13 Javascript
详解JSON Web Token 入门教程
Jul 30 Javascript
vue通过指令(directives)实现点击空白处收起下拉框
Dec 06 Javascript
微信小程序MUI导航栏透明渐变功能示例(通过改变opacity实现)
Jan 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
php 正则 过滤html 的超链接
2009/06/02 PHP
PHP 循环列出目录内容的函数代码
2010/05/26 PHP
简要剖析PHP的Yii框架的组件化机制的基本知识
2016/03/17 PHP
PHP在线调试执行的实现方法(附demo源码)
2016/04/28 PHP
PHP面向对象继承用法详解(优化与减少代码重复)
2016/12/02 PHP
网页广告中JS代码的信息监听示例
2014/04/02 Javascript
jQuery的ready方法详解
2014/11/27 Javascript
AspNet中使用JQuery上传插件Uploadify详解
2015/05/20 Javascript
jQuery检查事件是否触发的方法
2015/06/26 Javascript
JavaScript中实现无缝滚动、分享到侧边栏实例代码
2016/04/06 Javascript
详解js中常规日期格式处理、月历渲染和倒计时函数
2016/12/28 Javascript
jQuery滚动监听实现商城楼梯式导航效果
2017/03/06 Javascript
jQuery实现select下拉框获取当前选中文本、值、索引
2017/05/08 jQuery
微信小程序页面调用自定义组件内的事件详解
2019/09/12 Javascript
layui--select使用以及下拉框实现键盘选择的例子
2019/09/24 Javascript
[09:37]DOTA2卡尔工作室 英雄介绍圣堂刺客篇
2013/06/13 DOTA
[47:42]Fnatic vs Liquid 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
python中尾递归用法实例详解
2015/04/28 Python
python实现的文件同步服务器实例
2015/06/02 Python
Django的URLconf中使用缺省视图参数的方法
2015/07/18 Python
python正则表达式匹配不包含某几个字符的字符串方法
2019/07/23 Python
python实现计算器功能
2019/10/31 Python
使用python代码进行身份证号校验的实现示例
2019/11/21 Python
Python如何在单元测试中给对象打补丁
2020/08/03 Python
详解rem 适配布局
2018/10/31 HTML / CSS
HTML5 Video/Audio播放本地文件示例介绍
2013/11/18 HTML / CSS
美国户外烹饪产品购物网站:Outdoor Cooking
2020/01/10 全球购物
财务经理岗位职责
2013/11/09 职场文书
小学生打架检讨书
2014/01/26 职场文书
优秀大学生职业生涯规划书
2014/02/27 职场文书
2014公司党员自我评价范文
2014/09/11 职场文书
四风问题对照检查材料
2014/09/22 职场文书
《自然之道》读后感3篇
2019/12/17 职场文书
详解nginx.conf 中 root 目录设置问题
2021/04/01 Servers
Python实现Telnet自动连接检测密码的示例
2021/04/16 Python
Python爬虫框架之Scrapy中Spider的用法
2021/06/28 Python