Question

我试图让tagfields不可编辑。即用户必须无法键入任何内容，并且只能选择下拉列表中提到的值。设置editable：false只是阻止我使用退格键删除标签，但我仍然可以通过键盘输入数据。是否有选择条目后删除光标？

xtype : 'tagfield',
name : 'Stage',
id:'stage',
fieldLabel: 'Stage',
labelAlign: 'top',
store: 'StageData',
selectOnFocus:false,
editable:false,

Answer 1

一种解决方法是使用Ext.FocusManager来避免tagfield获得焦点，在这里摆弄：https://fiddle.sencha.com/#fiddle/dao

Answer 2

另一种方法是在渲染后设置此属性：

xtype : 'tagfield',
name : 'Stage',
id:'stage',
fieldLabel: 'Stage',
labelAlign: 'top',
store: 'StageData',
listeners:{
    afterrender:function(tf, eOpts){
        tf.setEditable(false);
    }
},

Tagfield不可编辑的解决方法extjs 5.0.1

2 个答案: