jquery.menu.js 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491
  1. /**
  2. * jQuery EasyUI 1.5.2
  3. *
  4. * Copyright (c) 2009-2017 www.jeasyui.com. All rights reserved.
  5. *
  6. * Licensed under the freeware license: http://www.jeasyui.com/license_freeware.php
  7. * To use it on other terms please contact us: info@jeasyui.com
  8. *
  9. */
  10. (function($){
  11. $(function(){
  12. $(document).unbind(".menu").bind("mousedown.menu",function(e){
  13. var m=$(e.target).closest("div.menu,div.combo-p");
  14. if(m.length){
  15. return;
  16. }
  17. $("body>div.menu-top:visible").not(".menu-inline").menu("hide");
  18. _1($("body>div.menu:visible").not(".menu-inline"));
  19. });
  20. });
  21. function _2(_3){
  22. var _4=$.data(_3,"menu").options;
  23. $(_3).addClass("menu-top");
  24. _4.inline?$(_3).addClass("menu-inline"):$(_3).appendTo("body");
  25. $(_3).bind("_resize",function(e,_5){
  26. if($(this).hasClass("easyui-fluid")||_5){
  27. $(_3).menu("resize",_3);
  28. }
  29. return false;
  30. });
  31. var _6=_7($(_3));
  32. for(var i=0;i<_6.length;i++){
  33. _b(_3,_6[i]);
  34. }
  35. function _7(_8){
  36. var _9=[];
  37. _8.addClass("menu");
  38. _9.push(_8);
  39. if(!_8.hasClass("menu-content")){
  40. _8.children("div").each(function(){
  41. var _a=$(this).children("div");
  42. if(_a.length){
  43. _a.appendTo("body");
  44. this.submenu=_a;
  45. var mm=_7(_a);
  46. _9=_9.concat(mm);
  47. }
  48. });
  49. }
  50. return _9;
  51. };
  52. };
  53. function _b(_c,_d){
  54. var _e=$(_d).addClass("menu");
  55. if(!_e.data("menu")){
  56. _e.data("menu",{options:$.parser.parseOptions(_e[0],["width","height"])});
  57. }
  58. if(!_e.hasClass("menu-content")){
  59. _e.children("div").each(function(){
  60. _f(_c,this);
  61. });
  62. $("<div class=\"menu-line\"></div>").prependTo(_e);
  63. }
  64. _10(_c,_e);
  65. if(!_e.hasClass("menu-inline")){
  66. _e.hide();
  67. }
  68. _11(_c,_e);
  69. };
  70. function _f(_12,div,_13){
  71. var _14=$(div);
  72. var _15=$.extend({},$.parser.parseOptions(_14[0],["id","name","iconCls","href",{separator:"boolean"}]),{disabled:(_14.attr("disabled")?true:undefined),text:$.trim(_14.html()),onclick:_14[0].onclick},_13||{});
  73. _15.onclick=_15.onclick||_15.handler||null;
  74. _14.data("menuitem",{options:_15});
  75. if(_15.separator){
  76. _14.addClass("menu-sep");
  77. }
  78. if(!_14.hasClass("menu-sep")){
  79. _14.addClass("menu-item");
  80. _14.empty().append($("<div class=\"menu-text\"></div>").html(_15.text));
  81. if(_15.iconCls){
  82. $("<div class=\"menu-icon\"></div>").addClass(_15.iconCls).appendTo(_14);
  83. }
  84. if(_15.id){
  85. _14.attr("id",_15.id);
  86. }
  87. if(_15.onclick){
  88. if(typeof _15.onclick=="string"){
  89. _14.attr("onclick",_15.onclick);
  90. }else{
  91. _14[0].onclick=eval(_15.onclick);
  92. }
  93. }
  94. if(_15.disabled){
  95. _16(_12,_14[0],true);
  96. }
  97. if(_14[0].submenu){
  98. $("<div class=\"menu-rightarrow\"></div>").appendTo(_14);
  99. }
  100. }
  101. };
  102. function _10(_17,_18){
  103. var _19=$.data(_17,"menu").options;
  104. var _1a=_18.attr("style")||"";
  105. var _1b=_18.is(":visible");
  106. _18.css({display:"block",left:-10000,height:"auto",overflow:"hidden"});
  107. _18.find(".menu-item").each(function(){
  108. $(this)._outerHeight(_19.itemHeight);
  109. $(this).find(".menu-text").css({height:(_19.itemHeight-2)+"px",lineHeight:(_19.itemHeight-2)+"px"});
  110. });
  111. _18.removeClass("menu-noline").addClass(_19.noline?"menu-noline":"");
  112. var _1c=_18.data("menu").options;
  113. var _1d=_1c.width;
  114. var _1e=_1c.height;
  115. if(isNaN(parseInt(_1d))){
  116. _1d=0;
  117. _18.find("div.menu-text").each(function(){
  118. if(_1d<$(this).outerWidth()){
  119. _1d=$(this).outerWidth();
  120. }
  121. });
  122. _1d=_1d?_1d+40:"";
  123. }
  124. var _1f=_18.outerHeight();
  125. if(isNaN(parseInt(_1e))){
  126. _1e=_1f;
  127. if(_18.hasClass("menu-top")&&_19.alignTo){
  128. var at=$(_19.alignTo);
  129. var h1=at.offset().top-$(document).scrollTop();
  130. var h2=$(window)._outerHeight()+$(document).scrollTop()-at.offset().top-at._outerHeight();
  131. _1e=Math.min(_1e,Math.max(h1,h2));
  132. }else{
  133. if(_1e>$(window)._outerHeight()){
  134. _1e=$(window).height();
  135. }
  136. }
  137. }
  138. _18.attr("style",_1a);
  139. _18.show();
  140. _18._size($.extend({},_1c,{width:_1d,height:_1e,minWidth:_1c.minWidth||_19.minWidth,maxWidth:_1c.maxWidth||_19.maxWidth}));
  141. _18.find(".easyui-fluid").triggerHandler("_resize",[true]);
  142. _18.css("overflow",_18.outerHeight()<_1f?"auto":"hidden");
  143. _18.children("div.menu-line")._outerHeight(_1f-2);
  144. if(!_1b){
  145. _18.hide();
  146. }
  147. };
  148. function _11(_20,_21){
  149. var _22=$.data(_20,"menu");
  150. var _23=_22.options;
  151. _21.unbind(".menu");
  152. for(var _24 in _23.events){
  153. _21.bind(_24+".menu",{target:_20},_23.events[_24]);
  154. }
  155. };
  156. function _25(e){
  157. var _26=e.data.target;
  158. var _27=$.data(_26,"menu");
  159. if(_27.timer){
  160. clearTimeout(_27.timer);
  161. _27.timer=null;
  162. }
  163. };
  164. function _28(e){
  165. var _29=e.data.target;
  166. var _2a=$.data(_29,"menu");
  167. if(_2a.options.hideOnUnhover){
  168. _2a.timer=setTimeout(function(){
  169. _2b(_29,$(_29).hasClass("menu-inline"));
  170. },_2a.options.duration);
  171. }
  172. };
  173. function _2c(e){
  174. var _2d=e.data.target;
  175. var _2e=$(e.target).closest(".menu-item");
  176. if(_2e.length){
  177. _2e.siblings().each(function(){
  178. if(this.submenu){
  179. _1(this.submenu);
  180. }
  181. $(this).removeClass("menu-active");
  182. });
  183. _2e.addClass("menu-active");
  184. if(_2e.hasClass("menu-item-disabled")){
  185. _2e.addClass("menu-active-disabled");
  186. return;
  187. }
  188. var _2f=_2e[0].submenu;
  189. if(_2f){
  190. $(_2d).menu("show",{menu:_2f,parent:_2e});
  191. }
  192. }
  193. };
  194. function _30(e){
  195. var _31=$(e.target).closest(".menu-item");
  196. if(_31.length){
  197. _31.removeClass("menu-active menu-active-disabled");
  198. var _32=_31[0].submenu;
  199. if(_32){
  200. if(e.pageX>=parseInt(_32.css("left"))){
  201. _31.addClass("menu-active");
  202. }else{
  203. _1(_32);
  204. }
  205. }else{
  206. _31.removeClass("menu-active");
  207. }
  208. }
  209. };
  210. function _33(e){
  211. var _34=e.data.target;
  212. var _35=$(e.target).closest(".menu-item");
  213. if(_35.length){
  214. var _36=$(_34).data("menu").options;
  215. var _37=_35.data("menuitem").options;
  216. if(_37.disabled){
  217. return;
  218. }
  219. if(!_35[0].submenu){
  220. _2b(_34,_36.inline);
  221. if(_37.href){
  222. location.href=_37.href;
  223. }
  224. }
  225. _35.trigger("mouseenter");
  226. _36.onClick.call(_34,$(_34).menu("getItem",_35[0]));
  227. }
  228. };
  229. function _2b(_38,_39){
  230. var _3a=$.data(_38,"menu");
  231. if(_3a){
  232. if($(_38).is(":visible")){
  233. _1($(_38));
  234. if(_39){
  235. $(_38).show();
  236. }else{
  237. _3a.options.onHide.call(_38);
  238. }
  239. }
  240. }
  241. return false;
  242. };
  243. function _3b(_3c,_3d){
  244. _3d=_3d||{};
  245. var _3e,top;
  246. var _3f=$.data(_3c,"menu").options;
  247. var _40=$(_3d.menu||_3c);
  248. $(_3c).menu("resize",_40[0]);
  249. if(_40.hasClass("menu-top")){
  250. $.extend(_3f,_3d);
  251. _3e=_3f.left;
  252. top=_3f.top;
  253. if(_3f.alignTo){
  254. var at=$(_3f.alignTo);
  255. _3e=at.offset().left;
  256. top=at.offset().top+at._outerHeight();
  257. if(_3f.align=="right"){
  258. _3e+=at.outerWidth()-_40.outerWidth();
  259. }
  260. }
  261. if(_3e+_40.outerWidth()>$(window)._outerWidth()+$(document)._scrollLeft()){
  262. _3e=$(window)._outerWidth()+$(document).scrollLeft()-_40.outerWidth()-5;
  263. }
  264. if(_3e<0){
  265. _3e=0;
  266. }
  267. top=_41(top,_3f.alignTo);
  268. }else{
  269. var _42=_3d.parent;
  270. _3e=_42.offset().left+_42.outerWidth()-2;
  271. if(_3e+_40.outerWidth()+5>$(window)._outerWidth()+$(document).scrollLeft()){
  272. _3e=_42.offset().left-_40.outerWidth()+2;
  273. }
  274. top=_41(_42.offset().top-3);
  275. }
  276. function _41(top,_43){
  277. if(top+_40.outerHeight()>$(window)._outerHeight()+$(document).scrollTop()){
  278. if(_43){
  279. top=$(_43).offset().top-_40._outerHeight();
  280. }else{
  281. top=$(window)._outerHeight()+$(document).scrollTop()-_40.outerHeight();
  282. }
  283. }
  284. if(top<0){
  285. top=0;
  286. }
  287. return top;
  288. };
  289. _40.css(_3f.position.call(_3c,_40[0],_3e,top));
  290. _40.show(0,function(){
  291. if(!_40[0].shadow){
  292. _40[0].shadow=$("<div class=\"menu-shadow\"></div>").insertAfter(_40);
  293. }
  294. _40[0].shadow.css({display:(_40.hasClass("menu-inline")?"none":"block"),zIndex:$.fn.menu.defaults.zIndex++,left:_40.css("left"),top:_40.css("top"),width:_40.outerWidth(),height:_40.outerHeight()});
  295. _40.css("z-index",$.fn.menu.defaults.zIndex++);
  296. if(_40.hasClass("menu-top")){
  297. _3f.onShow.call(_3c);
  298. }
  299. });
  300. };
  301. function _1(_44){
  302. if(_44&&_44.length){
  303. _45(_44);
  304. _44.find("div.menu-item").each(function(){
  305. if(this.submenu){
  306. _1(this.submenu);
  307. }
  308. $(this).removeClass("menu-active");
  309. });
  310. }
  311. function _45(m){
  312. m.stop(true,true);
  313. if(m[0].shadow){
  314. m[0].shadow.hide();
  315. }
  316. m.hide();
  317. };
  318. };
  319. function _46(_47,_48){
  320. var _49=null;
  321. var tmp=$("<div></div>");
  322. function _4a(_4b){
  323. _4b.children("div.menu-item").each(function(){
  324. var _4c=$(_47).menu("getItem",this);
  325. var s=tmp.empty().html(_4c.text).text();
  326. if(_48==$.trim(s)){
  327. _49=_4c;
  328. }else{
  329. if(this.submenu&&!_49){
  330. _4a(this.submenu);
  331. }
  332. }
  333. });
  334. };
  335. _4a($(_47));
  336. tmp.remove();
  337. return _49;
  338. };
  339. function _16(_4d,_4e,_4f){
  340. var t=$(_4e);
  341. if(t.hasClass("menu-item")){
  342. var _50=t.data("menuitem").options;
  343. _50.disabled=_4f;
  344. if(_4f){
  345. t.addClass("menu-item-disabled");
  346. t[0].onclick=null;
  347. }else{
  348. t.removeClass("menu-item-disabled");
  349. t[0].onclick=_50.onclick;
  350. }
  351. }
  352. };
  353. function _51(_52,_53){
  354. var _54=$.data(_52,"menu").options;
  355. var _55=$(_52);
  356. if(_53.parent){
  357. if(!_53.parent.submenu){
  358. var _56=$("<div></div>").appendTo("body");
  359. _53.parent.submenu=_56;
  360. $("<div class=\"menu-rightarrow\"></div>").appendTo(_53.parent);
  361. _b(_52,_56);
  362. }
  363. _55=_53.parent.submenu;
  364. }
  365. var div=$("<div></div>").appendTo(_55);
  366. _f(_52,div,_53);
  367. };
  368. function _57(_58,_59){
  369. function _5a(el){
  370. if(el.submenu){
  371. el.submenu.children("div.menu-item").each(function(){
  372. _5a(this);
  373. });
  374. var _5b=el.submenu[0].shadow;
  375. if(_5b){
  376. _5b.remove();
  377. }
  378. el.submenu.remove();
  379. }
  380. $(el).remove();
  381. };
  382. _5a(_59);
  383. };
  384. function _5c(_5d,_5e,_5f){
  385. var _60=$(_5e).parent();
  386. if(_5f){
  387. $(_5e).show();
  388. }else{
  389. $(_5e).hide();
  390. }
  391. _10(_5d,_60);
  392. };
  393. function _61(_62){
  394. $(_62).children("div.menu-item").each(function(){
  395. _57(_62,this);
  396. });
  397. if(_62.shadow){
  398. _62.shadow.remove();
  399. }
  400. $(_62).remove();
  401. };
  402. $.fn.menu=function(_63,_64){
  403. if(typeof _63=="string"){
  404. return $.fn.menu.methods[_63](this,_64);
  405. }
  406. _63=_63||{};
  407. return this.each(function(){
  408. var _65=$.data(this,"menu");
  409. if(_65){
  410. $.extend(_65.options,_63);
  411. }else{
  412. _65=$.data(this,"menu",{options:$.extend({},$.fn.menu.defaults,$.fn.menu.parseOptions(this),_63)});
  413. _2(this);
  414. }
  415. $(this).css({left:_65.options.left,top:_65.options.top});
  416. });
  417. };
  418. $.fn.menu.methods={options:function(jq){
  419. return $.data(jq[0],"menu").options;
  420. },show:function(jq,pos){
  421. return jq.each(function(){
  422. _3b(this,pos);
  423. });
  424. },hide:function(jq){
  425. return jq.each(function(){
  426. _2b(this);
  427. });
  428. },destroy:function(jq){
  429. return jq.each(function(){
  430. _61(this);
  431. });
  432. },setText:function(jq,_66){
  433. return jq.each(function(){
  434. var _67=$(_66.target).data("menuitem").options;
  435. _67.text=_66.text;
  436. $(_66.target).children("div.menu-text").html(_66.text);
  437. });
  438. },setIcon:function(jq,_68){
  439. return jq.each(function(){
  440. var _69=$(_68.target).data("menuitem").options;
  441. _69.iconCls=_68.iconCls;
  442. $(_68.target).children("div.menu-icon").remove();
  443. if(_68.iconCls){
  444. $("<div class=\"menu-icon\"></div>").addClass(_68.iconCls).appendTo(_68.target);
  445. }
  446. });
  447. },getItem:function(jq,_6a){
  448. var _6b=$(_6a).data("menuitem").options;
  449. return $.extend({},_6b,{target:$(_6a)[0]});
  450. },findItem:function(jq,_6c){
  451. return _46(jq[0],_6c);
  452. },appendItem:function(jq,_6d){
  453. return jq.each(function(){
  454. _51(this,_6d);
  455. });
  456. },removeItem:function(jq,_6e){
  457. return jq.each(function(){
  458. _57(this,_6e);
  459. });
  460. },enableItem:function(jq,_6f){
  461. return jq.each(function(){
  462. _16(this,_6f,false);
  463. });
  464. },disableItem:function(jq,_70){
  465. return jq.each(function(){
  466. _16(this,_70,true);
  467. });
  468. },showItem:function(jq,_71){
  469. return jq.each(function(){
  470. _5c(this,_71,true);
  471. });
  472. },hideItem:function(jq,_72){
  473. return jq.each(function(){
  474. _5c(this,_72,false);
  475. });
  476. },resize:function(jq,_73){
  477. return jq.each(function(){
  478. _10(this,_73?$(_73):$(this));
  479. });
  480. }};
  481. $.fn.menu.parseOptions=function(_74){
  482. return $.extend({},$.parser.parseOptions(_74,[{minWidth:"number",itemHeight:"number",duration:"number",hideOnUnhover:"boolean"},{fit:"boolean",inline:"boolean",noline:"boolean"}]));
  483. };
  484. $.fn.menu.defaults={zIndex:110000,left:0,top:0,alignTo:null,align:"left",minWidth:120,itemHeight:22,duration:100,hideOnUnhover:true,inline:false,fit:false,noline:false,events:{mouseenter:_25,mouseleave:_28,mouseover:_2c,mouseout:_30,click:_33},position:function(_75,_76,top){
  485. return {left:_76,top:top};
  486. },onShow:function(){
  487. },onHide:function(){
  488. },onClick:function(_77){
  489. }};
  490. })(jQuery);