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

相关文章

  • 解析Javascript小括号“()”的多义性

    解析Javascript小括号“()”的多义性

    这篇文章主要介绍了Javascript小括号“()”的多义性。需要的朋友可以过来参考下,希望对大家有所帮助
    2013-12-12
  • js里的prototype使用示例

    js里的prototype使用示例

    Object对象是common的原型,Object对象的属性和方法复制到了common上
    2010-11-11
  • 封装的dialog插件 基于bootstrap模态对话框的简单扩展

    封装的dialog插件 基于bootstrap模态对话框的简单扩展

    这篇文章主要介绍了基于bootstrap模态对话框的简单扩展,bootstrap-mzDialog插件的封装,感兴趣的小伙伴们可以参考一下
    2016-08-08
  • 简单对比分析JavaScript中的apply,call与this的使用

    简单对比分析JavaScript中的apply,call与this的使用

    简单的说call,apply都属于Function.prototype的一个方法,它是JavaScript引擎内在实现的,因为属于Function.prototype,所以每个Function对象实例(就是每个方法)都有call,apply属性。既然作为方法的属性,那它们的使用就当然是针对方法的了,这两个方法是容易混淆的
    2015-12-12
  • 基于JavaScript实现表单密码的隐藏和显示出来

    基于JavaScript实现表单密码的隐藏和显示出来

    为了网站的安全性,很多朋友都把密码设的比较复杂,但是如何密码不能明显示,不知道输的是对是错,为了安全起见可以把密码显示的,那么基于js代码如何实现的呢?下面通过本文给大家介绍JavaScript实现表单密码的隐藏和显示,需要的朋友参考下
    2016-03-03
  • 完美实现js拖拽效果 return false用法详解

    完美实现js拖拽效果 return false用法详解

    这篇文章主要为大家详细介绍了完美实现js拖拽效果的代码,一起学习return false的用法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-07-07
  • javascript中HTMLDOM操作详解

    javascript中HTMLDOM操作详解

    这篇文章主要介绍了javascript中HTMLDOM操作详解,需要的朋友可以参考下
    2014-12-12
  • 加速IE的Javascript document输出的方法

    加速IE的Javascript document输出的方法

    加入这样的一行代码IE的document的访问速度至少可以提高5倍以上,对于页面使用document的朋友绝对是个好方法。
    2010-12-12
  • 微信小程序 网络通信实现详解

    微信小程序 网络通信实现详解

    这篇文章主要介绍了微信小程序 网络通信实现详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-07-07
  • php结合js实现多条件组合查询

    php结合js实现多条件组合查询

    这篇文章主要为大家详细介绍了php结合js实现多条件组合查询,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-05-05

最新评论