Extjs 让combobox写起来更简单

最新推荐文章于 2021-02-24 00:08:41 发布

鱼草野

最新推荐文章于 2021-02-24 00:08:41 发布

阅读量1.6k

点赞数

分类专栏： Extjs6 combobox 文章标签： Extjs6 combobox

本文链接：https://blog.csdn.net/yucaoye/article/details/54089426

版权

本文作者通过创建一个基础的baseCombobox类，简化了Extjs中combobox的配置过程，提高了开发效率。实例调用方式简洁，适用于需要频繁使用相同类型combobox的场景。

摘要由CSDN通过智能技术生成

也已经写了很久时间的extjs ，每次都用到很多的combobox，配置很多东西觉得实在是太麻烦，所以根据常用到的情况写了一个简便的combobox，再次记录下来，以免放在某个地方忘记了找不到了。

定义一个基本的baseCombobox类，如下。

 1 Ext.define('Admin.view.baseCmp.BaseCombobox', {
 2     extend: 'Ext.form.field.ComboBox',
 3     xtype: 'baseCombobox',
 4     editable: false,
 5     labelSeparator: ':',
 6     labelWdith: 0,
 7     triggerAction: 'all',
 8     labelAlign: 'right',
 9     //forceSelection: true,此属性操作时，就算去掉文字后，失去焦点后还是会选择上一次选择的记录
10     autoSelect: true,
11     selectOnfocus: true,
12     valueNotFoundText: '',
13     name:'',
14     queryMode: 'local',
15     url:'',
16     displayField: '',
17     valueField: '',
18     requires:['Admin.view.baseCmp.BaseComboboxController'],
19     controller: 'bas