前面一直在講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 ...