这次扩展,是为了解决需要只遮罩某个面板的需求。
扩展代码如下: /* 扩展easyui面板panel,当前面板的局部加载进度:遮罩和提示 使用案例: _this.view.panel("loading","正在统计中,请稍候……");//参数1:方法名,参数2:加载显示的文字 _this.view.panel("loadend");//参数:方法名 */ $.extend($.fn.panel.methods, { loading: function (jq, loadMsg) { if (loadMsg) { var panel = jq.panel("panel"); if (!panel.children("div.datagrid-mask").length) { $("<div class=\"datagrid-mask\" style=\"display:block\"></div>").appendTo(panel); var msg = $("<div class=\"datagrid-mask-msg\" style=\"display:block;left:50%\"></div>").html(loadMsg).appendTo(panel); msg._outerHeight(40); msg.css({marginLeft: (-msg.outerWidth() / 2), lineHeight: (msg.height() + "px")}); } } }, loadend: function (jq) { var panel = jq.panel("panel"); panel.children("div.datagrid-mask-msg").remove(); panel.children("div.datagrid-mask").remove(); } });
使用方式:
var thisView=弹窗、面板、树等等。
thisView.panel("loading", "正在生成中,请稍候……");
当生成、加载、统计完成后
thisView.panel("loadend");