jquery.propertygrid.js 9.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327
  1. /**
  2. * jQuery EasyUI 1.4.1
  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. var _1;
  12. $(document).unbind(".propertygrid").bind("mousedown.propertygrid",function(e){
  13. var p=$(e.target).closest("div.datagrid-view,div.combo-panel");
  14. if(p.length){
  15. return;
  16. }
  17. _2(_1);
  18. _1=undefined;
  19. });
  20. function _3(_4){
  21. var _5=$.data(_4,"propertygrid");
  22. var _6=$.data(_4,"propertygrid").options;
  23. $(_4).datagrid($.extend({},_6,{cls:"propertygrid",view:(_6.showGroup?_6.groupView:_6.view),onBeforeEdit:function(_7,_8){
  24. if(_6.onBeforeEdit.call(_4,_7,_8)==false){
  25. return false;
  26. }
  27. var dg=$(this);
  28. var _8=dg.datagrid("getRows")[_7];
  29. var _9=dg.datagrid("getColumnOption","value");
  30. _9.editor=_8.editor;
  31. },onClickCell:function(_a,_b,_c){
  32. if(_1!=this){
  33. _2(_1);
  34. _1=this;
  35. }
  36. if(_6.editIndex!=_a){
  37. _2(_1);
  38. $(this).datagrid("beginEdit",_a);
  39. var ed=$(this).datagrid("getEditor",{index:_a,field:_b});
  40. if(!ed){
  41. ed=$(this).datagrid("getEditor",{index:_a,field:"value"});
  42. }
  43. if(ed){
  44. var t=$(ed.target);
  45. var _d=t.data("textbox")?t.textbox("textbox"):t;
  46. _d.focus();
  47. _6.editIndex=_a;
  48. }
  49. }
  50. _6.onClickCell.call(_4,_a,_b,_c);
  51. },loadFilter:function(_e){
  52. _2(this);
  53. return _6.loadFilter.call(this,_e);
  54. }}));
  55. };
  56. function _2(_f){
  57. var t=$(_f);
  58. if(!t.length){
  59. return;
  60. }
  61. var _10=$.data(_f,"propertygrid").options;
  62. _10.finder.getTr(_f,null,"editing").each(function(){
  63. var _11=parseInt($(this).attr("datagrid-row-index"));
  64. if(t.datagrid("validateRow",_11)){
  65. t.datagrid("endEdit",_11);
  66. }else{
  67. t.datagrid("cancelEdit",_11);
  68. }
  69. });
  70. };
  71. $.fn.propertygrid=function(_12,_13){
  72. if(typeof _12=="string"){
  73. var _14=$.fn.propertygrid.methods[_12];
  74. if(_14){
  75. return _14(this,_13);
  76. }else{
  77. return this.datagrid(_12,_13);
  78. }
  79. }
  80. _12=_12||{};
  81. return this.each(function(){
  82. var _15=$.data(this,"propertygrid");
  83. if(_15){
  84. $.extend(_15.options,_12);
  85. }else{
  86. var _16=$.extend({},$.fn.propertygrid.defaults,$.fn.propertygrid.parseOptions(this),_12);
  87. _16.frozenColumns=$.extend(true,[],_16.frozenColumns);
  88. _16.columns=$.extend(true,[],_16.columns);
  89. $.data(this,"propertygrid",{options:_16});
  90. }
  91. _3(this);
  92. });
  93. };
  94. $.fn.propertygrid.methods={options:function(jq){
  95. return $.data(jq[0],"propertygrid").options;
  96. }};
  97. $.fn.propertygrid.parseOptions=function(_17){
  98. return $.extend({},$.fn.datagrid.parseOptions(_17),$.parser.parseOptions(_17,[{showGroup:"boolean"}]));
  99. };
  100. var _18=$.extend({},$.fn.datagrid.defaults.view,{render:function(_19,_1a,_1b){
  101. var _1c=[];
  102. var _1d=this.groups;
  103. for(var i=0;i<_1d.length;i++){
  104. _1c.push(this.renderGroup.call(this,_19,i,_1d[i],_1b));
  105. }
  106. $(_1a).html(_1c.join(""));
  107. },renderGroup:function(_1e,_1f,_20,_21){
  108. var _22=$.data(_1e,"datagrid");
  109. var _23=_22.options;
  110. var _24=$(_1e).datagrid("getColumnFields",_21);
  111. var _25=[];
  112. _25.push("<div class=\"datagrid-group\" group-index="+_1f+">");
  113. _25.push("<table cellspacing=\"0\" cellpadding=\"0\" border=\"0\" style=\"height:100%\"><tbody>");
  114. _25.push("<tr>");
  115. if((_21&&(_23.rownumbers||_23.frozenColumns.length))||(!_21&&!(_23.rownumbers||_23.frozenColumns.length))){
  116. _25.push("<td style=\"border:0;text-align:center;width:25px\"><span class=\"datagrid-row-expander datagrid-row-collapse\" style=\"display:inline-block;width:16px;height:16px;cursor:pointer\">&nbsp;</span></td>");
  117. }
  118. _25.push("<td style=\"border:0;\">");
  119. if(!_21){
  120. _25.push("<span class=\"datagrid-group-title\">");
  121. _25.push(_23.groupFormatter.call(_1e,_20.value,_20.rows));
  122. _25.push("</span>");
  123. }
  124. _25.push("</td>");
  125. _25.push("</tr>");
  126. _25.push("</tbody></table>");
  127. _25.push("</div>");
  128. _25.push("<table class=\"datagrid-btable\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\"><tbody>");
  129. var _26=_20.startIndex;
  130. for(var j=0;j<_20.rows.length;j++){
  131. var css=_23.rowStyler?_23.rowStyler.call(_1e,_26,_20.rows[j]):"";
  132. var _27="";
  133. var _28="";
  134. if(typeof css=="string"){
  135. _28=css;
  136. }else{
  137. if(css){
  138. _27=css["class"]||"";
  139. _28=css["style"]||"";
  140. }
  141. }
  142. var cls="class=\"datagrid-row "+(_26%2&&_23.striped?"datagrid-row-alt ":" ")+_27+"\"";
  143. var _29=_28?"style=\""+_28+"\"":"";
  144. var _2a=_22.rowIdPrefix+"-"+(_21?1:2)+"-"+_26;
  145. _25.push("<tr id=\""+_2a+"\" datagrid-row-index=\""+_26+"\" "+cls+" "+_29+">");
  146. _25.push(this.renderRow.call(this,_1e,_24,_21,_26,_20.rows[j]));
  147. _25.push("</tr>");
  148. _26++;
  149. }
  150. _25.push("</tbody></table>");
  151. return _25.join("");
  152. },bindEvents:function(_2b){
  153. var _2c=$.data(_2b,"datagrid");
  154. var dc=_2c.dc;
  155. var _2d=dc.body1.add(dc.body2);
  156. var _2e=($.data(_2d[0],"events")||$._data(_2d[0],"events")).click[0].handler;
  157. _2d.unbind("click").bind("click",function(e){
  158. var tt=$(e.target);
  159. var _2f=tt.closest("span.datagrid-row-expander");
  160. if(_2f.length){
  161. var _30=_2f.closest("div.datagrid-group").attr("group-index");
  162. if(_2f.hasClass("datagrid-row-collapse")){
  163. $(_2b).datagrid("collapseGroup",_30);
  164. }else{
  165. $(_2b).datagrid("expandGroup",_30);
  166. }
  167. }else{
  168. _2e(e);
  169. }
  170. e.stopPropagation();
  171. });
  172. },onBeforeRender:function(_31,_32){
  173. var _33=$.data(_31,"datagrid");
  174. var _34=_33.options;
  175. _35();
  176. var _36=[];
  177. for(var i=0;i<_32.length;i++){
  178. var row=_32[i];
  179. var _37=_38(row[_34.groupField]);
  180. if(!_37){
  181. _37={value:row[_34.groupField],rows:[row]};
  182. _36.push(_37);
  183. }else{
  184. _37.rows.push(row);
  185. }
  186. }
  187. var _39=0;
  188. var _3a=[];
  189. for(var i=0;i<_36.length;i++){
  190. var _37=_36[i];
  191. _37.startIndex=_39;
  192. _39+=_37.rows.length;
  193. _3a=_3a.concat(_37.rows);
  194. }
  195. _33.data.rows=_3a;
  196. this.groups=_36;
  197. var _3b=this;
  198. setTimeout(function(){
  199. _3b.bindEvents(_31);
  200. },0);
  201. function _38(_3c){
  202. for(var i=0;i<_36.length;i++){
  203. var _3d=_36[i];
  204. if(_3d.value==_3c){
  205. return _3d;
  206. }
  207. }
  208. return null;
  209. };
  210. function _35(){
  211. if(!$("#datagrid-group-style").length){
  212. $("head").append("<style id=\"datagrid-group-style\">"+".datagrid-group{height:25px;overflow:hidden;font-weight:bold;border-bottom:1px solid #ccc;}"+"</style>");
  213. }
  214. };
  215. }});
  216. $.extend($.fn.datagrid.methods,{expandGroup:function(jq,_3e){
  217. return jq.each(function(){
  218. var _3f=$.data(this,"datagrid").dc.view;
  219. var _40=_3f.find(_3e!=undefined?"div.datagrid-group[group-index=\""+_3e+"\"]":"div.datagrid-group");
  220. var _41=_40.find("span.datagrid-row-expander");
  221. if(_41.hasClass("datagrid-row-expand")){
  222. _41.removeClass("datagrid-row-expand").addClass("datagrid-row-collapse");
  223. _40.next("table").show();
  224. }
  225. $(this).datagrid("fixRowHeight");
  226. });
  227. },collapseGroup:function(jq,_42){
  228. return jq.each(function(){
  229. var _43=$.data(this,"datagrid").dc.view;
  230. var _44=_43.find(_42!=undefined?"div.datagrid-group[group-index=\""+_42+"\"]":"div.datagrid-group");
  231. var _45=_44.find("span.datagrid-row-expander");
  232. if(_45.hasClass("datagrid-row-collapse")){
  233. _45.removeClass("datagrid-row-collapse").addClass("datagrid-row-expand");
  234. _44.next("table").hide();
  235. }
  236. $(this).datagrid("fixRowHeight");
  237. });
  238. }});
  239. $.extend(_18,{refreshGroupTitle:function(_46,_47){
  240. var _48=$.data(_46,"datagrid");
  241. var _49=_48.options;
  242. var dc=_48.dc;
  243. var _4a=this.groups[_47];
  244. var _4b=dc.body2.children("div.datagrid-group[group-index="+_47+"]").find("span.datagrid-group-title");
  245. _4b.html(_49.groupFormatter.call(_46,_4a.value,_4a.rows));
  246. },insertRow:function(_4c,_4d,row){
  247. var _4e=$.data(_4c,"datagrid");
  248. var _4f=_4e.options;
  249. var dc=_4e.dc;
  250. var _50=null;
  251. var _51;
  252. for(var i=0;i<this.groups.length;i++){
  253. if(this.groups[i].value==row[_4f.groupField]){
  254. _50=this.groups[i];
  255. _51=i;
  256. break;
  257. }
  258. }
  259. if(_50){
  260. if(_4d==undefined||_4d==null){
  261. _4d=_4e.data.rows.length;
  262. }
  263. if(_4d<_50.startIndex){
  264. _4d=_50.startIndex;
  265. }else{
  266. if(_4d>_50.startIndex+_50.rows.length){
  267. _4d=_50.startIndex+_50.rows.length;
  268. }
  269. }
  270. $.fn.datagrid.defaults.view.insertRow.call(this,_4c,_4d,row);
  271. if(_4d>=_50.startIndex+_50.rows.length){
  272. _52(_4d,true);
  273. _52(_4d,false);
  274. }
  275. _50.rows.splice(_4d-_50.startIndex,0,row);
  276. }else{
  277. _50={value:row[_4f.groupField],rows:[row],startIndex:_4e.data.rows.length};
  278. _51=this.groups.length;
  279. dc.body1.append(this.renderGroup.call(this,_4c,_51,_50,true));
  280. dc.body2.append(this.renderGroup.call(this,_4c,_51,_50,false));
  281. this.groups.push(_50);
  282. _4e.data.rows.push(row);
  283. }
  284. this.refreshGroupTitle(_4c,_51);
  285. function _52(_53,_54){
  286. var _55=_54?1:2;
  287. var _56=_4f.finder.getTr(_4c,_53-1,"body",_55);
  288. var tr=_4f.finder.getTr(_4c,_53,"body",_55);
  289. tr.insertAfter(_56);
  290. };
  291. },updateRow:function(_57,_58,row){
  292. var _59=$.data(_57,"datagrid").options;
  293. $.fn.datagrid.defaults.view.updateRow.call(this,_57,_58,row);
  294. var tb=_59.finder.getTr(_57,_58,"body",2).closest("table.datagrid-btable");
  295. var _5a=parseInt(tb.prev().attr("group-index"));
  296. this.refreshGroupTitle(_57,_5a);
  297. },deleteRow:function(_5b,_5c){
  298. var _5d=$.data(_5b,"datagrid");
  299. var _5e=_5d.options;
  300. var dc=_5d.dc;
  301. var _5f=dc.body1.add(dc.body2);
  302. var tb=_5e.finder.getTr(_5b,_5c,"body",2).closest("table.datagrid-btable");
  303. var _60=parseInt(tb.prev().attr("group-index"));
  304. $.fn.datagrid.defaults.view.deleteRow.call(this,_5b,_5c);
  305. var _61=this.groups[_60];
  306. if(_61.rows.length>1){
  307. _61.rows.splice(_5c-_61.startIndex,1);
  308. this.refreshGroupTitle(_5b,_60);
  309. }else{
  310. _5f.children("div.datagrid-group[group-index="+_60+"]").remove();
  311. for(var i=_60+1;i<this.groups.length;i++){
  312. _5f.children("div.datagrid-group[group-index="+i+"]").attr("group-index",i-1);
  313. }
  314. this.groups.splice(_60,1);
  315. }
  316. var _5c=0;
  317. for(var i=0;i<this.groups.length;i++){
  318. var _61=this.groups[i];
  319. _61.startIndex=_5c;
  320. _5c+=_61.rows.length;
  321. }
  322. }});
  323. $.fn.propertygrid.defaults=$.extend({},$.fn.datagrid.defaults,{singleSelect:true,remoteSort:false,fitColumns:true,loadMsg:"",frozenColumns:[[{field:"f",width:16,resizable:false}]],columns:[[{field:"name",title:"Name",width:100,sortable:true},{field:"value",title:"Value",width:100,resizable:false}]],showGroup:false,groupView:_18,groupField:"group",groupFormatter:function(_62,_63){
  324. return _62;
  325. }});
  326. })(jQuery);