"Go" Extension easyui tab control, add load matte effect

How to create a matte effect yourself under Easyui

2. (function () {
4. $.extend ($.fn.tabs.methods, {
6. //Show Matte
8. Loading: function (JQ, msg) {
10. return Jq.each (function () {
12. var panel = $ (this). Tabs ("getselected");
14. if (msg = = undefined) {
16. msg = "Loading data, please wait ...";
18. }
20. $ ("<div class=\" Datagrid-mask\ "></div>"). CSS ({display: "block", width:panel.width (), Height:  Panel.height ()}). AppendTo (panel);
22. $ ("<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.datag  Rid-mask-msg ", panel). Outerheight ())/2});
24. });
26. }
28. ,
30. //Hide Masks
32. Loaded: function (JQ) {
34. return Jq.each (function () {
36. var panel = $ (this). Tabs ("getselected");
38. Panel.find ("div.datagrid-mask-msg"). Remove ();
40. Panel.find ("Div.datagrid-mask"). Remove ();
42. });
44. }
46. });
48. }) (JQuery);

Another explanation for (function () {}) (JQuery):

(function ($) {...}) (JQuery) is actually an anonymous function, functions (ARG) {...}
This defines an anonymous function with a parameter of ARG

When calling a function, the parentheses and arguments are written after the function, and because of the precedence of the operator, the function itself needs parentheses, namely:
(function (ARG) {...}) (param)
This is equivalent to defining an anonymous function with a parameter of ARG, and calling this anonymous function as a parameter param

and (function ($) {...}) (jquery) is the same, the reason why only use $ in formal parameters is to not conflict with other libraries, so the argument with JQuery
var fn = function ($) {...};
FN (jQuery);

How to use:

Show Matte: $ ("#tabID"). Tabs ("Loading", msg) msg--information to display

Hide Matte: $ ("#tabID"). Tabs ("Loaded")

：

"Go" Extension easyui tab control, add load matte effect