在easyui下本身生成遮罩效果的方法
javascript
- (function () {
- $.extend($.fn.tabs.methods, {
-
- loading: function (jq, msg) {
- return jq.each(function () {
- var panel = $(this).tabs("getSelected");
- if (msg == undefined) {
- msg = "正在加载数据,请稍候...";
- }
- $("<div class=\"datagrid-mask\"></div>").css({ display: "block", width: panel.width(), height: panel.height() }).appendTo(panel);
- $("<div class=\"datagrid-mask-msg\"></div>").html(msg).appendTo(panel).css({ display: "block", left: (panel.width() - $("div.datagrid-mask-msg", panel).outerWidth()) / 2, top: (panel.height() - $("div.datagrid-mask-msg", panel).outerHeight()) / 2 });
- });
- }
- ,
-
- loaded: function (jq) {
- return jq.each(function () {
- var panel = $(this).tabs("getSelected");
- panel.find("div.datagrid-mask-msg").remove();
- panel.find("div.datagrid-mask").remove();
- });
- }
- });
- })(jQuery);
另外对(function(){})(jQuery)的解释:css
(function($){...})(jQuery)其实是匿名函数,function(arg){...}
这就定义了一个匿名函数,参数为arg
而调用函数时,是在函数后面写上括号和实参的,因为操做符的优先级,函数自己也须要用括号,即:
(function(arg){...})(param)
这就至关于定义了一个参数为arg的匿名函数,而且将param做为参数来调用这个匿名函数
而(function($){...})(jQuery)则是同样的,之因此只在形参使用$,是为了避免与其余库冲突,因此实参用jQuery
var fn = function($){....};
fn(jQuery); html
使用方法:java
显示遮罩:$("#tabID").tabs("loading",msg) msg--要显示的信息app
隐藏遮罩:$("#tabID").tabs("loaded")函数
效果图:ui
