如何在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）

希望这可以帮助！