Ext JS 实现建议词模糊动态搜索功能

发布时间 - 2026-01-11 01:06:42    点击率:

代码:

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 实现建议词模糊动态搜索功能,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!


# extjs  # 模糊动态搜索  # 模糊  # 搜索  # Extjs实现下拉菜单效果  # ExtJS4的文本框(textField)使用正则表达式进行验证(Regex)的方法  # ExtJs动态生成treepanel的Json格式  # 使用FlexiGrid实现Extjs表格效果方法分享  # Extjs grid panel自带滚动条失效的解决方法  # 小编  # 给大家  # 自定义  # 影响到  # 会以  # 所述  # 回调  # 给我留言  # 搜索功能  # 格式为  # 有任何  # 量比  # 这种方法  # id  # fields  # ashx  # ajax  # phoneNum  # test  # querynodesid 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: Laravel如何构建RESTful API_Laravel标准化API接口开发指南  Laravel storage目录权限问题_Laravel文件写入权限设置  如何快速启动建站代理加盟业务?  Laravel Docker环境搭建教程_Laravel Sail使用指南  如何在云指建站中生成FTP站点?  JavaScript中的标签模板是什么_它如何扩展字符串功能  Laravel如何创建自定义Facades?(详细步骤)  Laravel如何实现邮箱地址验证功能_Laravel邮件验证流程与配置  Laravel如何实现全文搜索功能?(Scout和Algolia示例)  PHP的CURL方法curl_setopt()函数案例介绍(抓取网页,POST数据)  如何在IIS中新建站点并解决端口绑定冲突?  linux写shell需要注意的问题(必看)  Laravel怎么实现模型属性转换Casting_Laravel自动将JSON字段转为数组【技巧】  如何将凡科建站内容保存为本地文件?  如何在万网自助建站平台快速创建网站?  javascript中数组(Array)对象和字符串(String)对象的常用方法总结  HTML5空格在Angular项目里怎么处理_Angular中空格的渲染问题【详解】  ,怎么在广州志愿者网站注册?  详解Android图表 MPAndroidChart折线图  Laravel如何使用Spatie Media Library_Laravel图片上传管理与缩略图生成【步骤】  如何用VPS主机快速搭建个人网站?  html5如何设置样式_HTML5样式设置方法与CSS应用技巧【教程】  如何为不同团队 ID 动态生成多个“认领值班”按钮  laravel怎么实现图片的压缩和裁剪_laravel图片压缩与裁剪方法  Laravel怎么实现微信登录_Laravel Socialite第三方登录集成  LinuxCD持续部署教程_自动发布与回滚机制  Laravel怎么实现一对多关联查询_Laravel Eloquent模型关系定义与预加载【实战】  JavaScript Ajax实现异步通信  简单实现Android文件上传  Python函数文档自动校验_规范解析【教程】  今日头条微视频如何找选题 今日头条微视频找选题技巧【指南】  如何制作公司的网站链接,公司想做一个网站,一般需要花多少钱?  Python自然语言搜索引擎项目教程_倒排索引查询优化案例  如何安全更换建站之星模板并保留数据?  如何在服务器上配置二级域名建站?  Midjourney怎样加参数调细节_Midjourney参数调整技巧【指南】  MySQL查询结果复制到新表的方法(更新、插入)  Laravel如何处理文件上传_Laravel Storage门面实现文件存储与管理  Laravel如何实现事件和监听器?(Event & Listener实战)  如何基于云服务器快速搭建网站及云盘系统?  Python面向对象测试方法_mock解析【教程】  电商网站制作价格怎么算,网上拍卖流程以及规则?  打造顶配客厅影院,这份100寸电视推荐名单请查收  Laravel请求验证怎么写_Laravel Validator自定义表单验证规则教程  Swift中swift中的switch 语句  如何挑选优质建站一级代理提升网站排名?  如何在万网开始建站?分步指南解析  Laravel如何配置和使用队列处理异步任务_Laravel队列驱动与任务分发实例  如何快速生成ASP一键建站模板并优化安全性?  Laravel如何使用Eloquent进行子查询