beforeDatagrid.js 1.0 KB

12345678910111213141516171819202122
  1. /**
  2. * 很多同学在布局用到easyui的时候总会出现一个问题。就是在一进入主界面的时候,页面的并不是马上就展现,而是会有一个混乱的过程,之后一闪就又好了。其实这个就是因为easyui是在dom载入完毕之后才会对整个页面进行解析,
  3. 解决办法:要解决这个问题其实只要好好利用这个onComplete 事件在结合一个载入遮罩就解决问题了。
  4. */
  5. var shadeDiv = "<div id='PageLoadingTip' style='position: absolute; z-index: 1000; top: 0px; left: 0px; width: 100%; height: 100%; background: gray; text-align: center;'> <h1 style='top: 48%; position: relative; color: white;'>页面加载中···</h1> </div>"
  6. document.write(shadeDiv);
  7. function _PageLoadingTip_Closes() {
  8. $("#PageLoadingTip").fadeOut("normal", function() {
  9. $(this).remove();
  10. });
  11. }
  12. var _pageloding_pc;
  13. $.parser.onComplete = function() {
  14. if (_pageloding_pc)
  15. clearTimeout(_pageloding_pc);
  16. _pageloding_pc = setTimeout(_PageLoadingTip_Closes, 200);
  17. }