JQuery EasyUI 的載入等待效果

2021-08-30 18:42:44 字數 874 閱讀 6820

前面一直在講easyui的用法,我也是最近在用這個東西,覺得這個元件裡面還是有很多問題,很多的不足。比如,如果你載入乙個帶有彈出框的**頁面,如果載入速度很慢的話會出現下面的效果:

即很長一段時間會出現視窗沒有初始化的效果,等一段時間後就會初始化完成,就沒有這個畫面,但是如果網速很慢的話會出現想當一段時間的白色,那麼如果使用者看來,可能會以為效果出了問題。

我們如何來解決這個問題呢?最好的方式是加上遮罩層,等待效果。可是我並不想去在找個遮罩元件了,所以我自己從easyui中提取了等待效果的遮罩。如下圖:

這乙個js,可以匯入到頁面中即可。不用再其他部分新增任何**.js**如下:

jgxloader.js

/**

* 頁面載入等待頁面

* * @author gxjiang

* @date 2010/7/24

* */

var height = window.screen.height-250;

var width = window.screen.width;

var leftw = 300;

if(width>1200)else if(width>1000)else

var _html = "\

\ 正在載入,請等待...\ ";

window.onload = function()

document.write(_html);

注意這裡的等待效果圖 pagination_loading.gif 的位置要指正確。

將這個js匯入到頁面的header中最為最後乙個匯入的js,只有頁面未載入完成就會有效果。可以試試。

載入方式如下:

不需要在其他地方加任何**即可實現。

jquery easyui中layout的寫法總結

用jeasy ui的layout來布局時,一定要注意其寫法,尤其巢狀布局時,容易出現錯誤。經過一陣子的使用,總結規則如下 list 1 class定義為 easyui layout 的元素,必須要有style裡的height設定 width可以忽略,預設是100 也可以設定fit true 意味著將...

求jquery easyui 的驗證

今天又看jquery easyui的原始碼,我準備呼叫validatabox 來呼叫 validate 函式,如下 function valid 但是似乎不能進行驗證,走進原始碼一看發現 validate中獲得 data 299,validatebox options.validtype為不被定義。...

jquery easyui 擴充套件驗證

extend fn.validatebox.defaults.rules,d a za z0 9 i.test value message 身份證號碼格式不正確 minlength message 請輸入至少 2 個字元.length message 輸入內容長度必須介於和之間.phone d 0 ...