パネルにボタンがあり、マージン値を設定する必要がありますが、コンポーネントはマージンの値を適用せず、EXT はマージン プロパティを無視します。
次のコード:
Ext.define('CadastroEnsaioWTD.view.typecalculated.TypeCalculatedItem', {
extend: 'Maestro.panel.Panel',
requires: [
'Maestro.form.Button',
'Maestro.form.TextField',
'Maestro.form.ComboBox'
],
alias: 'widget.typecalculateditemview',
layout: {
type: 'hbox',
align: 'middle'
},
width: '100%',
height: '100%',
initComponent: function () {
var me = this;
var config = {
defaults: {
width: 200,
node: me.node,
margin: '5 5 5 5',
labelSeparator: '',
xtype: 'maestro.form.textfield'
},
items: [
{
xtype: 'label',
html: '<b>' + me.alias + '</b>',
width: 100
},
{
width: 300,
xtype: 'maestro.form.combobox',
name: 'ENS_TIPO_DETERMINADO_CARACT'
},
{
xtype: 'maestro.form.combobox',
name: 'ENS_ENR_REFRIGERACAO_WTD'
},
{
name: 'ENS_PERC_CARGA_WTD'
},
{
name: 'ENS_COS_PHI'
},
{
width: 170,
xtype: 'maestro.form.combobox',
name: 'ENS_TIPO_ENR_APL_WTD'
},
{
width: 170,
xtype: 'maestro.form.combobox',
name: 'ENS_TIPO_ENR_CC_WTD'
},
{
name: 'ENS_ENR_TAP_TENSAO_APL'
},
{
name: 'ENS_ENR_TAP_TENSAO_CC'
},
{
name: 'ENS_POT_REF_WTD'
},
{
name: 'ENS_PERC_TENSAO_WTD'
},
{
width: 100,
name: 'ENS_TIPO_DETERMINADO_VAL'
},
{
width: 100,
xtype: 'maestro.form.combobox',
name: 'ENS_TIPO_DETERMINADO_UNID'
},
{
xtype: 'button',
text: '-',
width: 30,
style: 'border-radius: 7px;',
handler: function (btn) {
me.getObjectContextSynchronizer().executeServerRequest('deleteContextNode', [me.node]);
}
}
]
};
Ext.apply(this, config);
this.callParent();
}
});
コンポーネントのレンダリング後に Chrome のコンソールで値を設定すると、Ext.getCmp('xxxx').setMargin('15 0 0 0') を使用しても機能しませんが、Ext.getCmp('xxxx') を使用すると.getEl().setMargin('15 0 0 0') が機能します。
私は何か間違ったことをしましたか？