国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

擴展easyui.datagrid,添加數據loading遮罩效果代碼

2019-11-21 00:09:35
字體:
來源:轉載
供稿:網友
在使用的過程中,發現easyui目前還缺少一些小功能或是未開放出來

拿datagrid插件來說,數據加載提供了兩種方式遠程和本地數據加載,但只有遠程數據加載時才會顯示數據加載的遮罩層,在數據加載完成后隱藏遮罩層;而本地數據加載時則不會出現遮罩,這應該是考慮到本地數據加載的速度很快則沒有使用遮罩的必要

不過呢,在實際的項目開發過程中使用時,沒有考慮使用url方式加載數據,則采用了loadData方法來異步加載數據,這個時候就很有必要顯示遮罩層來提示用戶當前正在加載數據,分析easyui的datagrid代碼,削離出其中遠程數據加載時遮罩顯示代碼,并擴展datagrid的方法,代碼如下:
復制代碼 代碼如下:

//jquery.datagrid 擴展
(function (){
$.extend($.fn.datagrid.methods, {
//顯示遮罩
loading: function(jq){
return jq.each(function(){
$(this).datagrid("getPager").pagination("loading");
var opts = $(this).datagrid("options");
var wrap = $.data(this,"datagrid").panel;
if(opts.loadMsg)
{
$("<div class=/"datagrid-mask/"></div>").css({display:"block",width:wrap.width(),height:wrap.height()}).appendTo(wrap);
$("<div class=/"datagrid-mask-msg/"></div>").html(opts.loadMsg).appendTo(wrap).css({display:"block",left:(wrap.width()-$("div.datagrid-mask-msg",wrap).outerWidth())/2,top:(wrap.height()-$("div.datagrid-mask-msg",wrap).outerHeight())/2});
}
});
}
,
//隱藏遮罩
loaded: function(jq){
return jq.each(function(){
$(this).datagrid("getPager").pagination("loaded");
var wrap = $.data(this,"datagrid").panel;
wrap.find("div.datagrid-mask-msg").remove();
wrap.find("div.datagrid-mask").remove();
});
}
});
})(jQuery);

使用方法:
復制代碼 代碼如下:

$("#dataGrid").datagrid("loadData",(function (){
$("#dataGrid").datagrid("loading");
return [];//[]需要加載的數據
})());

在datagrid的事件onLoadSuccess中添加
復制代碼 代碼如下:

onLoadSuccess:function (){
$("#dataGrid").datagrid("loaded");
}

writer:追夢客 20101030 office
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 河池市| 遵义县| 忻州市| 南乐县| 新郑市| 黑河市| 巴里| 中宁县| 大姚县| 汽车| 安福县| 昌吉市| 富阳市| 长春市| 普宁市| 东安县| 崇明县| 西乌珠穆沁旗| 仪陇县| 柳江县| 自贡市| 诏安县| 高碑店市| 墨脱县| 开化县| 进贤县| 博野县| 龙里县| 镇平县| 延长县| 公主岭市| 三台县| 宁陕县| 颍上县| 余庆县| 济南市| 喀喇沁旗| 阳泉市| 长岛县| 苏尼特左旗| 黄骅市|