Extjs4 页面加载先白屏后显示的bug解决

通过Extjs MVC结构做好页面后,加载过程中发现,会瞬间白屏,然后呈现extjs界面的问题,当类似页面放置到iframe中时,会显得非常怪异。

可通过下图体验下。

当我单击“意见反馈”菜单,在右侧打开的页面,会瞬间白屏,然后显示。

Extjs4 页面加载先白屏后显示的bug解决

 

解决这个问题后,再看效果,非常平滑,不会有瞬间的白屏出现。

Extjs4 页面加载先白屏后显示的bug解决

问题解决方案:

app.js加载问题

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
/****有白屏的情况****/
Ext.onReady(function () {
    Ext.application({
       name: "WMC",
       appFolder: appUrl + "Suggestion",
       autoCreateViewport: true,
       controllers: [‘Main‘]
    });
});
 
 
/****无白屏****/
Ext.application({
       name: "WMC",
       appFolder: appUrl + "Suggestion",
       autoCreateViewport: true,
       controllers: [‘Main‘]
});
//加入下面这句会导致页面load的时候白屏,然后再显示
//Ext.onReady(function () { });

  

Extjs4 页面加载先白屏后显示的bug解决

上一篇:wcf部署,通过IIS寄宿服务(net.tcp),免svc文件。


下一篇:使ViewFlipper中的WebView实现手势效果