私はこのコードをフォームに使用しています:
{
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' }
]
}
これは画面上では見栄えがしますが、FieldContainerLabelのコンテンツを動的に変更する必要があります。だから私は次のことをしています:
obj = Ext.getCmp('ID');
obj.setFieldLabel("New label text");
FieldContainerは新しいラベルテキストを取得しますが、Extはスタイルdisplay:block
を追加します。テーブルにTDthaにはラベルが含まれます。次に、フィールドがラベルに表示されます。
Extにこのスタイルを追加させないようにすることは可能ですか?スタイルを追加しようとしまし{ display: 'marker !importat' }
たが、機能しませんでした