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

该函数中的目标参数将是一个Ext Panel实例，它没有填充属性。

相反，您应该访问底层元素，例如target.el或target.getEl（），它将返回面板的Ext Element实例。

如果查看api文档中的Ext Element，可以使用setStyle函数。所以你可以做一个例子

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

希望这有帮助！

如何在ExtJS中动态更改面板的填充？

1 个答案: