jquery.menubutton.js 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134
  1. /**
  2. * jQuery EasyUI 1.3.6
  3. *
  4. * Copyright (c) 2009-2014 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){
  12. var _3=$.data(_2,"menubutton").options;
  13. var _4=$(_2);
  14. _4.linkbutton(_3);
  15. _4.removeClass(_3.cls.btn1+" "+_3.cls.btn2).addClass("m-btn");
  16. _4.removeClass("m-btn-small m-btn-medium m-btn-large").addClass("m-btn-"+_3.size);
  17. var _5=_4.find(".l-btn-left");
  18. $("<span></span>").addClass(_3.cls.arrow).appendTo(_5);
  19. $("<span></span>").addClass("m-btn-line").appendTo(_5);
  20. if(_3.menu){
  21. $(_3.menu).menu();
  22. var _6=$(_3.menu).menu("options");
  23. var _7=_6.onShow;
  24. var _8=_6.onHide;
  25. $.extend(_6,{onShow:function(){
  26. var _9=$(this).menu("options");
  27. var _a=$(_9.alignTo);
  28. var _b=_a.menubutton("options");
  29. _a.addClass((_b.plain==true)?_b.cls.btn2:_b.cls.btn1);
  30. _7.call(this);
  31. },onHide:function(){
  32. var _c=$(this).menu("options");
  33. var _d=$(_c.alignTo);
  34. var _e=_d.menubutton("options");
  35. _d.removeClass((_e.plain==true)?_e.cls.btn2:_e.cls.btn1);
  36. _8.call(this);
  37. }});
  38. }
  39. _f(_2,_3.disabled);
  40. };
  41. function _f(_10,_11){
  42. var _12=$.data(_10,"menubutton").options;
  43. _12.disabled=_11;
  44. var btn=$(_10);
  45. var t=btn.find("."+_12.cls.trigger);
  46. if(!t.length){
  47. t=btn;
  48. }
  49. t.unbind(".menubutton");
  50. if(_11){
  51. btn.linkbutton("disable");
  52. }else{
  53. btn.linkbutton("enable");
  54. var _13=null;
  55. t.bind("click.menubutton",function(){
  56. _14(_10);
  57. return false;
  58. }).bind("mouseenter.menubutton",function(){
  59. _13=setTimeout(function(){
  60. _14(_10);
  61. },_12.duration);
  62. return false;
  63. }).bind("mouseleave.menubutton",function(){
  64. if(_13){
  65. clearTimeout(_13);
  66. }
  67. });
  68. }
  69. };
  70. function _14(_15){
  71. var _16=$.data(_15,"menubutton").options;
  72. if(_16.disabled||!_16.menu){
  73. return;
  74. }
  75. $("body>div.menu-top").menu("hide");
  76. var btn=$(_15);
  77. var mm=$(_16.menu);
  78. if(mm.length){
  79. mm.menu("options").alignTo=btn;
  80. mm.menu("show",{alignTo:btn,align:_16.menuAlign});
  81. }
  82. btn.blur();
  83. };
  84. $.fn.menubutton=function(_17,_18){
  85. if(typeof _17=="string"){
  86. var _19=$.fn.menubutton.methods[_17];
  87. if(_19){
  88. return _19(this,_18);
  89. }else{
  90. return this.linkbutton(_17,_18);
  91. }
  92. }
  93. _17=_17||{};
  94. return this.each(function(){
  95. var _1a=$.data(this,"menubutton");
  96. if(_1a){
  97. $.extend(_1a.options,_17);
  98. }else{
  99. $.data(this,"menubutton",{options:$.extend({},$.fn.menubutton.defaults,$.fn.menubutton.parseOptions(this),_17)});
  100. $(this).removeAttr("disabled");
  101. }
  102. _1(this);
  103. });
  104. };
  105. $.fn.menubutton.methods={options:function(jq){
  106. var _1b=jq.linkbutton("options");
  107. var _1c=$.data(jq[0],"menubutton").options;
  108. _1c.toggle=_1b.toggle;
  109. _1c.selected=_1b.selected;
  110. return _1c;
  111. },enable:function(jq){
  112. return jq.each(function(){
  113. _f(this,false);
  114. });
  115. },disable:function(jq){
  116. return jq.each(function(){
  117. _f(this,true);
  118. });
  119. },destroy:function(jq){
  120. return jq.each(function(){
  121. var _1d=$(this).menubutton("options");
  122. if(_1d.menu){
  123. $(_1d.menu).menu("destroy");
  124. }
  125. $(this).remove();
  126. });
  127. }};
  128. $.fn.menubutton.parseOptions=function(_1e){
  129. var t=$(_1e);
  130. return $.extend({},$.fn.linkbutton.parseOptions(_1e),$.parser.parseOptions(_1e,["menu",{plain:"boolean",duration:"number"}]));
  131. };
  132. $.fn.menubutton.defaults=$.extend({},$.fn.linkbutton.defaults,{plain:true,menu:null,menuAlign:"left",duration:100,cls:{btn1:"m-btn-active",btn2:"m-btn-plain-active",arrow:"m-btn-downarrow",trigger:"m-btn"}});
  133. })(jQuery);