jquery.combo.js 8.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364
  1. /**
  2. * jQuery EasyUI 1.4.4
  3. *
  4. * Copyright (c) 2009-2015 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(".combo").bind("mousedown.combo mousewheel.combo",function(e){
  13. var p=$(e.target).closest("span.combo,div.combo-p,div.menu");
  14. if(p.length){
  15. _1(p);
  16. return;
  17. }
  18. $("body>div.combo-p>div.combo-panel:visible").panel("close");
  19. });
  20. });
  21. function _2(_3){
  22. var _4=$.data(_3,"combo");
  23. var _5=_4.options;
  24. if(!_4.panel){
  25. _4.panel=$("<div class=\"combo-panel\"></div>").appendTo("body");
  26. _4.panel.panel({minWidth:_5.panelMinWidth,maxWidth:_5.panelMaxWidth,minHeight:_5.panelMinHeight,maxHeight:_5.panelMaxHeight,doSize:false,closed:true,cls:"combo-p",style:{position:"absolute",zIndex:10},onOpen:function(){
  27. var _6=$(this).panel("options").comboTarget;
  28. var _7=$.data(_6,"combo");
  29. if(_7){
  30. _7.options.onShowPanel.call(_6);
  31. }
  32. },onBeforeClose:function(){
  33. _1(this);
  34. },onClose:function(){
  35. var _8=$(this).panel("options").comboTarget;
  36. var _9=$(_8).data("combo");
  37. if(_9){
  38. _9.options.onHidePanel.call(_8);
  39. }
  40. }});
  41. }
  42. var _a=$.extend(true,[],_5.icons);
  43. if(_5.hasDownArrow){
  44. _a.push({iconCls:"combo-arrow",handler:function(e){
  45. _f(e.data.target);
  46. }});
  47. }
  48. $(_3).addClass("combo-f").textbox($.extend({},_5,{icons:_a,onChange:function(){
  49. }}));
  50. $(_3).attr("comboName",$(_3).attr("textboxName"));
  51. _4.combo=$(_3).next();
  52. _4.combo.addClass("combo");
  53. };
  54. function _b(_c){
  55. var _d=$.data(_c,"combo");
  56. var _e=_d.options;
  57. var p=_d.panel;
  58. if(p.is(":visible")){
  59. p.panel("close");
  60. }
  61. if(!_e.cloned){
  62. p.panel("destroy");
  63. }
  64. $(_c).textbox("destroy");
  65. };
  66. function _f(_10){
  67. var _11=$.data(_10,"combo").panel;
  68. if(_11.is(":visible")){
  69. _12(_10);
  70. }else{
  71. var p=$(_10).closest("div.combo-panel");
  72. $("div.combo-panel:visible").not(_11).not(p).panel("close");
  73. $(_10).combo("showPanel");
  74. }
  75. $(_10).combo("textbox").focus();
  76. };
  77. function _1(_13){
  78. $(_13).find(".combo-f").each(function(){
  79. var p=$(this).combo("panel");
  80. if(p.is(":visible")){
  81. p.panel("close");
  82. }
  83. });
  84. };
  85. function _14(e){
  86. var _15=e.data.target;
  87. var _16=$.data(_15,"combo");
  88. var _17=_16.options;
  89. var _18=_16.panel;
  90. if(!_17.editable){
  91. _f(_15);
  92. }else{
  93. var p=$(_15).closest("div.combo-panel");
  94. $("div.combo-panel:visible").not(_18).not(p).panel("close");
  95. }
  96. };
  97. function _19(e){
  98. var _1a=e.data.target;
  99. var t=$(_1a);
  100. var _1b=t.data("combo");
  101. var _1c=t.combo("options");
  102. switch(e.keyCode){
  103. case 38:
  104. _1c.keyHandler.up.call(_1a,e);
  105. break;
  106. case 40:
  107. _1c.keyHandler.down.call(_1a,e);
  108. break;
  109. case 37:
  110. _1c.keyHandler.left.call(_1a,e);
  111. break;
  112. case 39:
  113. _1c.keyHandler.right.call(_1a,e);
  114. break;
  115. case 13:
  116. e.preventDefault();
  117. _1c.keyHandler.enter.call(_1a,e);
  118. return false;
  119. case 9:
  120. case 27:
  121. _12(_1a);
  122. break;
  123. default:
  124. if(_1c.editable){
  125. if(_1b.timer){
  126. clearTimeout(_1b.timer);
  127. }
  128. _1b.timer=setTimeout(function(){
  129. var q=t.combo("getText");
  130. if(_1b.previousText!=q){
  131. _1b.previousText=q;
  132. t.combo("showPanel");
  133. _1c.keyHandler.query.call(_1a,q,e);
  134. t.combo("validate");
  135. }
  136. },_1c.delay);
  137. }
  138. }
  139. };
  140. function _1d(_1e){
  141. var _1f=$.data(_1e,"combo");
  142. var _20=_1f.combo;
  143. var _21=_1f.panel;
  144. var _22=$(_1e).combo("options");
  145. var _23=_21.panel("options");
  146. _23.comboTarget=_1e;
  147. if(_23.closed){
  148. _21.panel("panel").show().css({zIndex:($.fn.menu?$.fn.menu.defaults.zIndex++:($.fn.window?$.fn.window.defaults.zIndex++:99)),left:-999999});
  149. _21.panel("resize",{width:(_22.panelWidth?_22.panelWidth:_20._outerWidth()),height:_22.panelHeight});
  150. _21.panel("panel").hide();
  151. _21.panel("open");
  152. }
  153. (function(){
  154. if(_21.is(":visible")){
  155. _21.panel("move",{left:_24(),top:_25()});
  156. setTimeout(arguments.callee,200);
  157. }
  158. })();
  159. function _24(){
  160. var _26=_20.offset().left;
  161. if(_22.panelAlign=="right"){
  162. _26+=_20._outerWidth()-_21._outerWidth();
  163. }
  164. if(_26+_21._outerWidth()>$(window)._outerWidth()+$(document).scrollLeft()){
  165. _26=$(window)._outerWidth()+$(document).scrollLeft()-_21._outerWidth();
  166. }
  167. if(_26<0){
  168. _26=0;
  169. }
  170. return _26;
  171. };
  172. function _25(){
  173. var top=_20.offset().top+_20._outerHeight();
  174. if(top+_21._outerHeight()>$(window)._outerHeight()+$(document).scrollTop()){
  175. top=_20.offset().top-_21._outerHeight();
  176. }
  177. if(top<$(document).scrollTop()){
  178. top=_20.offset().top+_20._outerHeight();
  179. }
  180. return top;
  181. };
  182. };
  183. function _12(_27){
  184. var _28=$.data(_27,"combo").panel;
  185. _28.panel("close");
  186. };
  187. function _29(_2a,_2b){
  188. var _2c=$.data(_2a,"combo");
  189. var _2d=$(_2a).textbox("getText");
  190. if(_2d!=_2b){
  191. $(_2a).textbox("setText",_2b);
  192. _2c.previousText=_2b;
  193. }
  194. };
  195. function _2e(_2f){
  196. var _30=[];
  197. var _31=$.data(_2f,"combo").combo;
  198. _31.find(".textbox-value").each(function(){
  199. _30.push($(this).val());
  200. });
  201. return _30;
  202. };
  203. function _32(_33,_34){
  204. var _35=$.data(_33,"combo");
  205. var _36=_35.options;
  206. var _37=_35.combo;
  207. if(!$.isArray(_34)){
  208. _34=_34.split(_36.separator);
  209. }
  210. var _38=_2e(_33);
  211. _37.find(".textbox-value").remove();
  212. var _39=$(_33).attr("textboxName")||"";
  213. for(var i=0;i<_34.length;i++){
  214. var _3a=$("<input type=\"hidden\" class=\"textbox-value\">").appendTo(_37);
  215. _3a.attr("name",_39);
  216. if(_36.disabled){
  217. _3a.attr("disabled","disabled");
  218. }
  219. _3a.val(_34[i]);
  220. }
  221. var _3b=(function(){
  222. if(_38.length!=_34.length){
  223. return true;
  224. }
  225. var a1=$.extend(true,[],_38);
  226. var a2=$.extend(true,[],_34);
  227. a1.sort();
  228. a2.sort();
  229. for(var i=0;i<a1.length;i++){
  230. if(a1[i]!=a2[i]){
  231. return true;
  232. }
  233. }
  234. return false;
  235. })();
  236. if(_3b){
  237. if(_36.multiple){
  238. _36.onChange.call(_33,_34,_38);
  239. }else{
  240. _36.onChange.call(_33,_34[0],_38[0]);
  241. }
  242. $(_33).closest("form").trigger("_change",[_33]);
  243. }
  244. };
  245. function _3c(_3d){
  246. var _3e=_2e(_3d);
  247. return _3e[0];
  248. };
  249. function _3f(_40,_41){
  250. _32(_40,[_41]);
  251. };
  252. function _42(_43){
  253. var _44=$.data(_43,"combo").options;
  254. var _45=_44.onChange;
  255. _44.onChange=function(){
  256. };
  257. if(_44.multiple){
  258. _32(_43,_44.value?_44.value:[]);
  259. }else{
  260. _3f(_43,_44.value);
  261. }
  262. _44.onChange=_45;
  263. };
  264. $.fn.combo=function(_46,_47){
  265. if(typeof _46=="string"){
  266. var _48=$.fn.combo.methods[_46];
  267. if(_48){
  268. return _48(this,_47);
  269. }else{
  270. return this.textbox(_46,_47);
  271. }
  272. }
  273. _46=_46||{};
  274. return this.each(function(){
  275. var _49=$.data(this,"combo");
  276. if(_49){
  277. $.extend(_49.options,_46);
  278. if(_46.value!=undefined){
  279. _49.options.originalValue=_46.value;
  280. }
  281. }else{
  282. _49=$.data(this,"combo",{options:$.extend({},$.fn.combo.defaults,$.fn.combo.parseOptions(this),_46),previousText:""});
  283. _49.options.originalValue=_49.options.value;
  284. }
  285. _2(this);
  286. _42(this);
  287. });
  288. };
  289. $.fn.combo.methods={options:function(jq){
  290. var _4a=jq.textbox("options");
  291. return $.extend($.data(jq[0],"combo").options,{width:_4a.width,height:_4a.height,disabled:_4a.disabled,readonly:_4a.readonly});
  292. },cloneFrom:function(jq,_4b){
  293. return jq.each(function(){
  294. $(this).textbox("cloneFrom",_4b);
  295. $.data(this,"combo",{options:$.extend(true,{cloned:true},$(_4b).combo("options")),combo:$(this).next(),panel:$(_4b).combo("panel")});
  296. $(this).addClass("combo-f").attr("comboName",$(this).attr("textboxName"));
  297. });
  298. },panel:function(jq){
  299. return $.data(jq[0],"combo").panel;
  300. },destroy:function(jq){
  301. return jq.each(function(){
  302. _b(this);
  303. });
  304. },showPanel:function(jq){
  305. return jq.each(function(){
  306. _1d(this);
  307. });
  308. },hidePanel:function(jq){
  309. return jq.each(function(){
  310. _12(this);
  311. });
  312. },clear:function(jq){
  313. return jq.each(function(){
  314. $(this).textbox("setText","");
  315. var _4c=$.data(this,"combo").options;
  316. if(_4c.multiple){
  317. $(this).combo("setValues",[]);
  318. }else{
  319. $(this).combo("setValue","");
  320. }
  321. });
  322. },reset:function(jq){
  323. return jq.each(function(){
  324. var _4d=$.data(this,"combo").options;
  325. if(_4d.multiple){
  326. $(this).combo("setValues",_4d.originalValue);
  327. }else{
  328. $(this).combo("setValue",_4d.originalValue);
  329. }
  330. });
  331. },setText:function(jq,_4e){
  332. return jq.each(function(){
  333. _29(this,_4e);
  334. });
  335. },getValues:function(jq){
  336. return _2e(jq[0]);
  337. },setValues:function(jq,_4f){
  338. return jq.each(function(){
  339. _32(this,_4f);
  340. });
  341. },getValue:function(jq){
  342. return _3c(jq[0]);
  343. },setValue:function(jq,_50){
  344. return jq.each(function(){
  345. _3f(this,_50);
  346. });
  347. }};
  348. $.fn.combo.parseOptions=function(_51){
  349. var t=$(_51);
  350. return $.extend({},$.fn.textbox.parseOptions(_51),$.parser.parseOptions(_51,["separator","panelAlign",{panelWidth:"number",hasDownArrow:"boolean",delay:"number",selectOnNavigation:"boolean"},{panelMinWidth:"number",panelMaxWidth:"number",panelMinHeight:"number",panelMaxHeight:"number"}]),{panelHeight:(t.attr("panelHeight")=="auto"?"auto":parseInt(t.attr("panelHeight"))||undefined),multiple:(t.attr("multiple")?true:undefined)});
  351. };
  352. $.fn.combo.defaults=$.extend({},$.fn.textbox.defaults,{inputEvents:{click:_14,keydown:_19,paste:_19,drop:_19},panelWidth:null,panelHeight:200,panelMinWidth:null,panelMaxWidth:null,panelMinHeight:null,panelMaxHeight:null,panelAlign:"left",multiple:false,selectOnNavigation:true,separator:",",hasDownArrow:true,delay:200,keyHandler:{up:function(e){
  353. },down:function(e){
  354. },left:function(e){
  355. },right:function(e){
  356. },enter:function(e){
  357. },query:function(q,e){
  358. }},onShowPanel:function(){
  359. },onHidePanel:function(){
  360. },onChange:function(_52,_53){
  361. }});
  362. })(jQuery);