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

 更新时间:2017年05月13日 16:58:06   作者:parent  
这篇文章主要介绍了Ext JS 实现建议词模糊动态搜索功能,需要的朋友可以参考下

代码:

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

相关文章

  • JS编写兼容IE6,7,8浏览器无缝自动轮播

    JS编写兼容IE6,7,8浏览器无缝自动轮播

    在本篇文章里我们给大家带来一篇关于用原生JS编写兼容IE6,7,8浏览器无缝自动轮播的相关知识点,需要的朋友们参考下。
    2018-10-10
  • JavaScript中对象property的删除方法介绍

    JavaScript中对象property的删除方法介绍

    这篇文章主要介绍了JavaScript中对象property的删除方法介绍,本文主要是对delete操作符的介绍,需要的朋友可以参考下
    2014-12-12
  • 60行js代码实现俄罗斯方块

    60行js代码实现俄罗斯方块

    这篇文章主要介绍了60行js代码实现俄罗斯方块,可能会有些小bug,不过总体上还是比较不错的。大伙来研究下代码,给出意见。
    2015-03-03
  • 微信小程序文字显示换行问题

    微信小程序文字显示换行问题

    这篇文章主要介绍了微信小程序文字显示换行问题,文中给出了解决方案,需要的朋友可以参考下
    2019-07-07
  • document.getElementById方法在Firefox与IE中的区别

    document.getElementById方法在Firefox与IE中的区别

    相信很多朋友在写JavaScript的时候,对浏览器的兼容问题会感到很头疼。这不,烦什么,什么就来了,特记录下来,与大家分享。
    2010-05-05
  • 几种响应式文字详解

    几种响应式文字详解

    本文主要介绍了几种响应式文字的相关知识。具有很好的参考价值。下面跟着小编一起来看下吧
    2017-05-05
  • Ajax使用原生态JS验证用户名是否存在

    Ajax使用原生态JS验证用户名是否存在

    这篇文章主要为大家详细介绍了Ajax使用原生态JS验证用户名是否存在的相关资料,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-09-09
  • 微信小程序自定义可滑动的tab切换

    微信小程序自定义可滑动的tab切换

    这篇文章主要为大家详细介绍了微信小程序自定义tab切换,可滑动,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-07-07
  • js利用cookie实现记住用户页面操作

    js利用cookie实现记住用户页面操作

    这篇文章主要给大家介绍了关于js利用cookie实现记住用户页面操作的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-03-03
  • javascript入门之window对象【新手必看】

    javascript入门之window对象【新手必看】

    本文系统介绍了javascript的window对象以及一些控制函数的用法,仅供大家参考
    2016-11-11

最新评论