javascript - 我怎么知道javascript方法何时结束

Question

我只是想学习 Ext Js。我有这样的东西:

    handler: function (checkBox, checked) {
                setLoading(true);

                grid1.filterExpired(checked);
                grid2.filterExpired(checked);
                grid3.filterExpired(checked);
                if (certain condition) {
                    me.recalculateSalesPayoutValues();
                    grid4.filterExpired(checked);
                }

                setLoading(false);
            }

    filterExpired: function (filter) {
            var me = this;
            if (filter) {
                me.store.filterBy(condition, me);
            } else {
                me.store.clearFilter();
            }
        }

问题是加载掩码将在内部方法结束计算之前被隐藏。我只想在所有内部方法完成后隐藏加载掩码。我怎样才能做到这一点？我正在使用 Ext Js 4.2.0

Answer 1

问题是，当您显示加载掩码时，您(可能)会跳入某个从不让 UI 更新的“繁忙进程”。因为 JS 永远不会放弃控制，直到方法完成然后掩码隐藏，所以您永远看不到变化。简单的解决方案是在短时间内运行任务:

mask.show();
// Give the UI a chance to update
setTimeout(function() {
    method1();
    method2();
    mask.hide();
}, 1);