'resumelayouts'事件處理完成後，有沒有辦法調用一個函數？

Question

我改變了幾十個gridpanel列的寬度。我想在表演時戴上口罩。

grid.setLoading(true); 
Ext.suspendLayouts(); 
// columns -- grid columns 
columns.forEach(function (column) { 
    column.setWidth(...); 
}, this); 
// fires 'resumelayouts' event and immediately returns. 
Ext.resumeLayouts(); 
// performs before everything updates its layout, which takes 3-4 seconds. 
grid.setLoading(false); 

Answer 1

問題是，你最終綁定當前的「線程」，所以瀏覽器沒有得到重繪的機會。你可以做這樣的事情：

grid.setLoading(true); 
setTimeout(function() { 
    Ext.suspendLayouts(); 
    columns.forEach(function (column) { 
     column.setWidth(...); 
    }, this); 
    Ext.resumeLayouts(); 
    grid.setLoading(false); 
}, 1); 

上述放棄從目前的「線」控制，並允許重繪它開始佈局操作之前。