我在ExtJS中有一个边界布局,其中有一个北面板,反过来,有几个面板嵌套在里面。
"父"北面板是可折叠的,并有一个分隔器。问题是,每当我移动分配器时,其他面板都被重新绘制得太晚了。
示例:如果我的面板是300px,我将其大小调整为320px,我的面板仍然是300px。如果我再次调整大小,比如说350px,面板就会调整为320px。
父面板的布局模式默认设置为"auto"
当我将父面板的布局模式设置为"vbox"时,其他面板的宽度会适当调整。然而,这些子面板也是可扩展/可折叠的,使用vbox布局,我无法再流畅地展开它们。
有人知道发生了什么/如何修复延迟吗?
编辑:经过进一步调查,它似乎只影响面板的头,而不是面板本身。
我修复了它(目前)通过添加以下到父面板,即使它是滞后的…
listeners: {
resize: function() {
Ext.each(this.items.items, function(child){
var w = child.getWidth();
child.getHeader().setWidth(w);
});
}
}