如何在ExtJS中動態更改面板的填充？

Question

我想在調整大小事件后更改面板的填充值。

{
    xtype : 'panel',
    flex : 10,
    layout : {
        type : 'hbox',
        align : 'stretch',
        padding : '0 5 0 5'
    },
    listeners:{
        resize:'resizePanel'
    },
}

有resizePanel函數：

resizePanel:function(target, width, height, oldWidth, oldHeight, eOpts){
        target.padding='0 ' + width / 7 + ' 0 ' + width / 7;
        target.doLayout();
    },

但是此功能沒有任何改變。 你有什么建議嗎？

Answer 1

該函數中的目標參數將是一個沒有padding屬性的Ext Panel實例。

相反，您應該使用基礎元素，例如target.el或target.getEl（），它們將為您返回面板的Ext Element實例。

如果您查看api文檔中的Ext元素，則可以使用setStyle函數。 因此，您可以做一個例子

target.getEl（）。setStyle（'padding'，'0'+ width / 7 +'0'+ width / 7）

希望這可以幫助！