jquery.window.js 6.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257
  1. /**
  2. * jQuery EasyUI 1.4.3
  3. *
  4. * Copyright (c) 2009-2015 www.jeasyui.com. All rights reserved.
  5. *
  6. * Licensed under the GPL license: http://www.gnu.org/licenses/gpl.txt
  7. * To use it on other terms please contact us at info@jeasyui.com
  8. *
  9. */
  10. (function($){
  11. function _1(_2,_3){
  12. var _4=$.data(_2,"window");
  13. if(_3){
  14. if(_3.left!=null){
  15. _4.options.left=_3.left;
  16. }
  17. if(_3.top!=null){
  18. _4.options.top=_3.top;
  19. }
  20. }
  21. $(_2).panel("move",_4.options);
  22. if(_4.shadow){
  23. _4.shadow.css({left:_4.options.left,top:_4.options.top});
  24. }
  25. };
  26. function _5(_6,_7){
  27. var _8=$.data(_6,"window").options;
  28. var pp=$(_6).window("panel");
  29. var _9=pp._outerWidth();
  30. if(_8.inline){
  31. var _a=pp.parent();
  32. _8.left=Math.ceil((_a.width()-_9)/2+_a.scrollLeft());
  33. }else{
  34. _8.left=Math.ceil(($(window)._outerWidth()-_9)/2+$(document).scrollLeft());
  35. }
  36. if(_7){
  37. _1(_6);
  38. }
  39. };
  40. function _b(_c,_d){
  41. var _e=$.data(_c,"window").options;
  42. var pp=$(_c).window("panel");
  43. var _f=pp._outerHeight();
  44. if(_e.inline){
  45. var _10=pp.parent();
  46. _e.top=Math.ceil((_10.height()-_f)/2+_10.scrollTop());
  47. }else{
  48. _e.top=Math.ceil(($(window)._outerHeight()-_f)/2+$(document).scrollTop());
  49. }
  50. if(_d){
  51. _1(_c);
  52. }
  53. };
  54. function _11(_12){
  55. var _13=$.data(_12,"window");
  56. var _14=_13.options;
  57. var win=$(_12).panel($.extend({},_13.options,{border:false,doSize:true,closed:true,cls:"window",headerCls:"window-header",bodyCls:"window-body "+(_14.noheader?"window-body-noheader":""),onBeforeDestroy:function(){
  58. if(_14.onBeforeDestroy.call(_12)==false){
  59. return false;
  60. }
  61. if(_13.shadow){
  62. _13.shadow.remove();
  63. }
  64. if(_13.mask){
  65. _13.mask.remove();
  66. }
  67. },onClose:function(){
  68. if(_13.shadow){
  69. _13.shadow.hide();
  70. }
  71. if(_13.mask){
  72. _13.mask.hide();
  73. }
  74. _14.onClose.call(_12);
  75. },onOpen:function(){
  76. if(_13.mask){
  77. _13.mask.css($.extend({display:"block",zIndex:$.fn.window.defaults.zIndex++},$.fn.window.getMaskSize(_12)));
  78. }
  79. if(_13.shadow){
  80. _13.shadow.css({display:"block",zIndex:$.fn.window.defaults.zIndex++,left:_14.left,top:_14.top,width:_13.window._outerWidth(),height:_13.window._outerHeight()});
  81. }
  82. _13.window.css("z-index",$.fn.window.defaults.zIndex++);
  83. _14.onOpen.call(_12);
  84. },onResize:function(_15,_16){
  85. var _17=$(this).panel("options");
  86. $.extend(_14,{width:_17.width,height:_17.height,left:_17.left,top:_17.top});
  87. if(_13.shadow){
  88. _13.shadow.css({left:_14.left,top:_14.top,width:_13.window._outerWidth(),height:_13.window._outerHeight()});
  89. }
  90. _14.onResize.call(_12,_15,_16);
  91. },onMinimize:function(){
  92. if(_13.shadow){
  93. _13.shadow.hide();
  94. }
  95. if(_13.mask){
  96. _13.mask.hide();
  97. }
  98. _13.options.onMinimize.call(_12);
  99. },onBeforeCollapse:function(){
  100. if(_14.onBeforeCollapse.call(_12)==false){
  101. return false;
  102. }
  103. if(_13.shadow){
  104. _13.shadow.hide();
  105. }
  106. },onExpand:function(){
  107. if(_13.shadow){
  108. _13.shadow.show();
  109. }
  110. _14.onExpand.call(_12);
  111. }}));
  112. _13.window=win.panel("panel");
  113. if(_13.mask){
  114. _13.mask.remove();
  115. }
  116. if(_14.modal==true){
  117. _13.mask=$("<div class=\"window-mask\" style=\"display:none\"></div>").insertAfter(_13.window);
  118. }
  119. if(_13.shadow){
  120. _13.shadow.remove();
  121. }
  122. if(_14.shadow==true){
  123. _13.shadow=$("<div class=\"window-shadow\" style=\"display:none\"></div>").insertAfter(_13.window);
  124. }
  125. if(_14.left==null){
  126. _5(_12);
  127. }
  128. if(_14.top==null){
  129. _b(_12);
  130. }
  131. _1(_12);
  132. if(!_14.closed){
  133. win.window("open");
  134. }
  135. };
  136. function _18(_19){
  137. var _1a=$.data(_19,"window");
  138. _1a.window.draggable({handle:">div.panel-header>div.panel-title",disabled:_1a.options.draggable==false,onStartDrag:function(e){
  139. if(_1a.mask){
  140. _1a.mask.css("z-index",$.fn.window.defaults.zIndex++);
  141. }
  142. if(_1a.shadow){
  143. _1a.shadow.css("z-index",$.fn.window.defaults.zIndex++);
  144. }
  145. _1a.window.css("z-index",$.fn.window.defaults.zIndex++);
  146. if(!_1a.proxy){
  147. _1a.proxy=$("<div class=\"window-proxy\"></div>").insertAfter(_1a.window);
  148. }
  149. _1a.proxy.css({display:"none",zIndex:$.fn.window.defaults.zIndex++,left:e.data.left,top:e.data.top});
  150. _1a.proxy._outerWidth(_1a.window._outerWidth());
  151. _1a.proxy._outerHeight(_1a.window._outerHeight());
  152. setTimeout(function(){
  153. if(_1a.proxy){
  154. _1a.proxy.show();
  155. }
  156. },500);
  157. },onDrag:function(e){
  158. _1a.proxy.css({display:"block",left:e.data.left,top:e.data.top});
  159. return false;
  160. },onStopDrag:function(e){
  161. _1a.options.left=e.data.left;
  162. _1a.options.top=e.data.top;
  163. $(_19).window("move");
  164. _1a.proxy.remove();
  165. _1a.proxy=null;
  166. }});
  167. _1a.window.resizable({disabled:_1a.options.resizable==false,onStartResize:function(e){
  168. if(_1a.pmask){
  169. _1a.pmask.remove();
  170. }
  171. _1a.pmask=$("<div class=\"window-proxy-mask\"></div>").insertAfter(_1a.window);
  172. _1a.pmask.css({zIndex:$.fn.window.defaults.zIndex++,left:e.data.left,top:e.data.top,width:_1a.window._outerWidth(),height:_1a.window._outerHeight()});
  173. if(_1a.proxy){
  174. _1a.proxy.remove();
  175. }
  176. _1a.proxy=$("<div class=\"window-proxy\"></div>").insertAfter(_1a.window);
  177. _1a.proxy.css({zIndex:$.fn.window.defaults.zIndex++,left:e.data.left,top:e.data.top});
  178. _1a.proxy._outerWidth(e.data.width)._outerHeight(e.data.height);
  179. },onResize:function(e){
  180. _1a.proxy.css({left:e.data.left,top:e.data.top});
  181. _1a.proxy._outerWidth(e.data.width);
  182. _1a.proxy._outerHeight(e.data.height);
  183. return false;
  184. },onStopResize:function(e){
  185. $(_19).window("resize",e.data);
  186. _1a.pmask.remove();
  187. _1a.pmask=null;
  188. _1a.proxy.remove();
  189. _1a.proxy=null;
  190. }});
  191. };
  192. $(window).resize(function(){
  193. $("body>div.window-mask").css({width:$(window)._outerWidth(),height:$(window)._outerHeight()});
  194. setTimeout(function(){
  195. $("body>div.window-mask").css($.fn.window.getMaskSize());
  196. },50);
  197. });
  198. $.fn.window=function(_1b,_1c){
  199. if(typeof _1b=="string"){
  200. var _1d=$.fn.window.methods[_1b];
  201. if(_1d){
  202. return _1d(this,_1c);
  203. }else{
  204. return this.panel(_1b,_1c);
  205. }
  206. }
  207. _1b=_1b||{};
  208. return this.each(function(){
  209. var _1e=$.data(this,"window");
  210. if(_1e){
  211. $.extend(_1e.options,_1b);
  212. }else{
  213. _1e=$.data(this,"window",{options:$.extend({},$.fn.window.defaults,$.fn.window.parseOptions(this),_1b)});
  214. if(!_1e.options.inline){
  215. document.body.appendChild(this);
  216. }
  217. }
  218. _11(this);
  219. _18(this);
  220. });
  221. };
  222. $.fn.window.methods={options:function(jq){
  223. var _1f=jq.panel("options");
  224. var _20=$.data(jq[0],"window").options;
  225. return $.extend(_20,{closed:_1f.closed,collapsed:_1f.collapsed,minimized:_1f.minimized,maximized:_1f.maximized});
  226. },window:function(jq){
  227. return $.data(jq[0],"window").window;
  228. },move:function(jq,_21){
  229. return jq.each(function(){
  230. _1(this,_21);
  231. });
  232. },hcenter:function(jq){
  233. return jq.each(function(){
  234. _5(this,true);
  235. });
  236. },vcenter:function(jq){
  237. return jq.each(function(){
  238. _b(this,true);
  239. });
  240. },center:function(jq){
  241. return jq.each(function(){
  242. _5(this);
  243. _b(this);
  244. _1(this);
  245. });
  246. }};
  247. $.fn.window.getMaskSize=function(_22){
  248. var _23=$(_22).data("window");
  249. var _24=(_23&&_23.options.inline);
  250. return {width:(_24?"100%":$(document).width()),height:(_24?"100%":$(document).height())};
  251. };
  252. $.fn.window.parseOptions=function(_25){
  253. return $.extend({},$.fn.panel.parseOptions(_25),$.parser.parseOptions(_25,[{draggable:"boolean",resizable:"boolean",shadow:"boolean",modal:"boolean",inline:"boolean"}]));
  254. };
  255. $.fn.window.defaults=$.extend({},$.fn.panel.defaults,{zIndex:9000,draggable:true,resizable:true,shadow:true,modal:false,inline:false,title:"New Window",collapsible:true,minimizable:true,maximizable:true,closable:true,closed:false});
  256. })(jQuery);