为什么ext combox 下拉框不出现自动提示/自动选中

最新推荐文章于 2018-05-24 14:50:18 发布

最新推荐文章于 2018-05-24 14:50:18 发布 · 243 阅读

文章标签：

#EXT #物流

前端/JavaScript/ExtJs 专栏收录该内容

19 篇文章

订阅专栏

本文介绍如何使用 Extcombox 控件实现类似百度搜索提示的功能。关键在于禁用分页功能并设置 mode 属性为 local，同时需手动加载 store。适合希望改进用户输入反馈体验的开发者。

ext combox 如果想实现类似于 baidu 搜索时的提示功能。必须禁止其分页功能才可以。看代码

  var comboxContractType = new Ext.form.ComboBox({
   name:'logisticsId',
         fieldLabel:'物流公司',
         displayField:'logisticsName',
         valueField:'logisticsId',
         emptyText:'请选择',
         width:330,
         editable:true,
         allowBlank:false,
         mode:'local',
         loadingText:'loading...',
         hiddenName:'logisticsId',
         //pageSize:10,
         selectOnFocus: true,
         triggerAction:'all',
         store:comboxContractTypeStore = new Ext.data.JsonStore({
    url:'/pcms/dictionary/logistics.do?method=findLogistics',
    root:'Datas',
    totalProperty: 'TotalRecords',
    fields:[
     {name:'logisticsId', mapping:'logisticsid'},
     {name:'logisticsName', mapping:'shortname'}
    ]
   })
  });
  comboxContractTypeStore.load({params:{start:0,limit:100}});