我将此代码用于表单:
{
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获取新的Label文本,但Ext将样式:display:block
添加到表TD包含标签。然后这些字段出现在标签上。
是否可以让Ext不添加此样式?
我尝试添加样式:{ display: 'marker !importat' }
但不起作用