我正在将此代码用于表单:
{
xtype: 'fieldcontainer',
name: 'Label1',
itemid: 'Label1',
labelStyle: 'font-weight:bold;padding:0',
labelWidth: 150,
margin: '5 0 0 0',
layout: {
type: 'hbox',
align: 'stretchmax'
},
style: { display: 'marker !important' }
fieldDefaults: {
labelAlign: 'top'
},
defaults: { width: 400 },
fieldLabel: 'Teste de label',
items: [
{ id: 'txtID', name: 'txtName', fieldLabel: 'Field Label', allowBlank: true, labelWidth: 150, xtype: 'textfield', enforceMaxLength: true, maxLength: 10, flex: 1, margin: '0 0 0 5' }
, { id: 'txtID2', name: 'txtName2', fieldLabel: 'Field Label2', allowBlank: true, labelWidth: 150, xtype: 'textfield', flex: 1, margin: '0 0 0 5' }
]
}
这在屏幕上看起来不错,但是,我需要动态更改 FieldContainer 标签内容。所以我正在做以下事情:
obj = Ext.getCmp('ID');
obj.setFieldLabel("New label text");
FieldContainer 获取新的标签文本,但 Ext 将样式:添加display:block
到包含标签的表 TD 中。然后字段出现在标签上。
是否可以让 Ext 不添加这种样式?我尝试添加样式:{ display: 'marker !importat' }
但没有用