Есть ли способ вызвать функцию сразу после завершения обработки событий «resumelayouts»?

Question

Я меняю ширину на десятки столбцов сетки. Я хочу показать маску во время ее выполнения.

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); 

Вышеприведенные передает управление от текущей «нити» и позволяет перекрашивать перед началом работы макета.