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的一些总结
Nov 03 Javascript
js局部刷新页面时间具体实现
Jul 04 Javascript
javascript间隔刷新的简单实例
Nov 14 Javascript
wap浏览自动跳转到wap页面的js代码
May 17 Javascript
input点击后placeholder中的提示消息消失
Jan 15 Javascript
Markdown+Bootstrap图片自适应属性详解
May 21 Javascript
BootStrap智能表单实战系列(八)表单配置json详解
Jun 13 Javascript
浅谈AngularJs指令之scope属性详解
Oct 24 Javascript
AngularJS基于ui-route实现深层路由的方法【路由嵌套】
Dec 14 Javascript
使用jQuery的load方法设计动态加载及解决被加载页面js失效问题
Mar 01 Javascript
利用node.js如何搭建一个简易的即时响应服务器
May 28 Javascript
微信小程序之滚动视图容器的实现方法
Sep 26 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
实现dedecms全站URL静态化改造的代码
2007/03/29 PHP
在PHP中实现Javascript的escape()函数代码
2010/08/08 PHP
PHP实现邮件群发的源码
2013/06/18 PHP
json的键名为数字时的调用方式(示例代码)
2013/11/15 PHP
windwos下使用php连接oracle数据库的过程分享
2014/05/26 PHP
jquery ui dialog实现弹窗特效的思路及代码
2013/08/03 Javascript
CSS鼠标响应事件经过、移动、点击示例介绍
2013/09/04 Javascript
js中的cookie的读写操作示例详解
2014/04/17 Javascript
JS使用ajax方法获取指定url的head信息中指定字段值的方法
2015/03/24 Javascript
jQuery实现的类似淘宝网站搜索框样式代码分享
2015/08/24 Javascript
详解JavaScript 中的 replace 方法
2016/01/01 Javascript
浅析Ajax语法
2016/12/05 Javascript
JS+html5 canvas实现的简单绘制折线图效果示例
2017/03/13 Javascript
原生js FileReader对象实现图片上传本地预览效果
2020/03/27 Javascript
Layui 设置select下拉框自动选中某项的方法
2018/08/14 Javascript
浅谈vue 单文件探索
2018/09/05 Javascript
小程序getLocation需要在app.json中声明permission字段
2019/04/04 Javascript
手把手带你入门微信小程序新框架Kbone的使用
2020/02/25 Javascript
python提取页面内url列表的方法
2015/05/25 Python
python关键字and和or用法实例
2015/05/28 Python
python框架django基础指南
2016/09/08 Python
python中requests和https使用简单示例
2018/01/18 Python
Scrapy基于selenium结合爬取淘宝的实例讲解
2018/06/13 Python
python-opencv 将连续图片写成视频格式的方法
2019/01/08 Python
Python利用matplotlib做图中图及次坐标轴的实例
2019/07/08 Python
Python3 执行Linux Bash命令的方法
2019/07/12 Python
python爬虫实例之获取动漫截图
2020/05/31 Python
为2021年的第一场雪锦上添花:用matplotlib绘制雪花和雪景
2021/01/05 Python
H5页面适配iPhoneX(就是那么简单)
2019/12/02 HTML / CSS
HEMA英国:荷兰原创设计
2018/08/28 全球购物
党员干部三严三实心得体会
2014/10/13 职场文书
2015年党员发展工作总结
2015/05/13 职场文书
中小企业员工手册范本
2015/05/14 职场文书
单位工作证明范本
2015/06/15 职场文书
GoFrame基于性能测试得知grpool使用场景
2022/06/21 Golang