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


相关推荐: Edge浏览器如何截图和滚动截图_微软Edge网页捕获功能使用教程【技巧】  Laravel Debugbar怎么安装_Laravel调试工具栏配置指南  公司门户网站制作流程,华为官网怎么做?  如何快速搭建自助建站会员专属系统?  Laravel如何与Vue.js集成_Laravel + Vue前后端分离项目搭建指南  如何在云主机上快速搭建网站?  Laravel distinct去重查询_Laravel Eloquent去重方法  Laravel路由怎么定义_Laravel核心路由系统完全入门指南  专业商城网站制作公司有哪些,pi商城官网是哪个?  齐河建站公司:营销型网站建设与SEO优化双核驱动策略  魔毅自助建站系统:模板定制与SEO优化一键生成指南  如何在 Go 中优雅地映射具有动态字段的 JSON 对象到结构体  图册素材网站设计制作软件,图册的导出方式有几种?  Laravel如何与Docker(Sail)协同开发?(环境搭建教程)  香港服务器租用每月最低只需15元?  Android滚轮选择时间控件使用详解  Laravel如何使用软删除(Soft Deletes)功能_Eloquent软删除与数据恢复方法  浅谈javascript alert和confirm的美化  javascript中的try catch异常捕获机制用法分析  VIVO手机上del键无效OnKeyListener不响应的原因及解决方法  做企业网站制作流程,企业网站制作基本流程有哪些?  Laravel如何实现本地化和多语言支持_Laravel多语言配置与翻译文件管理  装修招标网站设计制作流程,装修招标流程?  Laravel PHP版本要求一览_Laravel各版本环境要求对照  北京网站制作公司哪家好一点,北京租房网站有哪些?  公司网站制作价格怎么算,公司办个官网需要多少钱?  Laravel怎么解决跨域问题_Laravel配置CORS跨域访问  如何在建站宝盒中设置产品搜索功能?  怎样使用JSON进行数据交换_它有什么限制  如何安全更换建站之星模板并保留数据?  Midjourney怎么调整光影效果_Midjourney光影调整方法【指南】  简历没回改:利用AI润色让你的文字更专业  在线ppt制作网站有哪些软件,如何把网页的内容做成ppt?  作用域操作符会触发自动加载吗_php类自动加载机制与::调用【教程】  Laravel怎么使用Intervention Image库处理图片上传和缩放  如何在宝塔面板创建新站点?  javascript读取文本节点方法小结  JavaScript常见的五种数组去重的方式  Microsoft Edge如何解决网页加载问题 Edge浏览器加载问题修复  javascript中闭包概念与用法深入理解  如何彻底删除建站之星生成的Banner?  如何用5美元大硬盘VPS安全高效搭建个人网站?  实例解析Array和String方法  香港服务器建站指南:免备案优势与SEO优化技巧全解析  HTML 中动态设置元素 name 属性的正确语法详解  教你用AI将一段旋律扩展成一首完整的曲子  Laravel怎么导出Excel文件_Laravel Excel插件使用教程  Laravel怎么实现模型属性转换Casting_Laravel自动将JSON字段转为数组【技巧】  php在windows下怎么调试_phpwindows环境调试操作说明【操作】  JS中使用new Date(str)创建时间对象不兼容firefox和ie的解决方法(两种)