Как динамически менять дополнение панели в 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

Целевой параметр в этой функции будет экземпляром Ext Panel, который не имеет свойства заполнения.

Вместо этого вы должны перейти к базовому элементу, например, target.el или target.getEl(), который вернет вам экземпляр Ext Element для панели.

Если вы посмотрите на Ext Element в api docs, вы можете использовать функцию setStyle. Так как, например, вы могли бы сделать

target.getEl(). SetStyle ('отступы', '0' + шириной/7 + '0' + шириной/7)

Надеется, что это помогает!