0

我在面板中有一个按钮,我需要设置一个边距值,但组件没有应用边距值,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') 有效。

我做错什么了吗?

4

2 回答 2

0

你应该使用style:'margin:5px;'而不是使用margin属性

于 2015-11-23T13:24:43.787 回答
0

你做得对。我使用按钮边距 - Button & margin为您创建了工作小提琴。

尝试使用它并重复您的问题。

于 2015-11-23T19:56:59.197 回答