javascript - 加载延迟extjs

Question

我有一个面板，其中还有两个面板。当您单击 panel1 时，将加载 panel2 中的信息。由于信息量很大，加载时会有一些延迟。在此过渡期间，我希望添加一个加载掩码，提示用户它正在加载。

同样，我这样做了:

var myMask = new Ext.LoadMask(Ext.getCmp('eventsPanel'), {
        msg:"Please wait..."
});
myMask.show(); 
// eventsPanel is the main panel under which panel1 and panel2 lie.
// This code is in the selectionchange listener of panel1 whose code
// is inside the main eventsPanel code.

但是，屏幕上没有显示任何内容。它仍然是一样的，即屏幕卡住一段时间，然后在延迟 2-3 秒后加载信息。你能告诉我哪里出错了吗？

Answer 1

我建议你先像你现在做的那样展示你的掩蔽:

var myMask = new Ext.LoadMask(Ext.getCmp('eventsPanel'), {
        msg:"Please wait..."
});
myMask.show();

然后做一个延时task

var task = new Ext.util.DelayedTask(function(){
    //your loading panel2 with heavy data goes here
    myMask.hide();
});
//start the task after 500 miliseconds
task.delay(500);

这应该可以解决您的问题。