jquery.combo.js 9.5 KB

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