jquery-bootstable.js 33 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979
  1. /**
  2. * bootstable 表格插件
  3. * caratename:雨中磐石(rainrock)
  4. * caratetime:2014-04-06 21:40:00
  5. * email:admin@rockoa.com
  6. * homepage:www.rockoa.com
  7. */
  8. (function ($) {
  9. function bootstable(element, options){
  10. var obj = element;
  11. var can = options;
  12. var rand = js.getrand();
  13. var me = this;
  14. this.data = can.data;
  15. this.count = 0;
  16. this.page = 1;
  17. this.changedata = {};
  18. this.changeid = 0;
  19. this.bool = false;
  20. this.where = can.where;
  21. this.highorderstr = '';
  22. this.otherparams = {};
  23. this.loadci = 0;
  24. this.options= can;
  25. this.init = function(){
  26. this.tablename=can.tablename;
  27. can.tablename=jm.encrypt(can.tablename);
  28. this._init();
  29. this._create();
  30. if(can.autoLoad){
  31. this._loaddata(1);
  32. }
  33. if(can.fanye)this._fanye();
  34. };
  35. this.getData= function(fid){
  36. var a = this.data;
  37. if(fid)a= this.json[fid];
  38. if(!isNaN(fid))a= this.data[fid];
  39. return a;
  40. };
  41. this.getCount= function(){
  42. return this.count;
  43. };
  44. this.getJson= function(){
  45. return this.json;
  46. };
  47. this._init = function(){
  48. var sas = can.modedir;
  49. if(!sas)sas='index:';
  50. sas = sas.split(':');
  51. if(can.url=='')can.url = js.getajaxurl('publicstore', sas[0], sas[1]);
  52. if(can.cellurl=='')can.cellurl = js.getajaxurl('publicsavevalue', sas[0], sas[1]);
  53. this.setColumns(can.columns);
  54. s='<div style="position:relative;'+can.bodyStyle+'" id="tablebody_'+rand+'"></div><div id="tablefanye_'+rand+'"></div>';
  55. obj.html(s);
  56. $('#tablebody_'+rand+'').scroll(function(){
  57. me._scrollTopla($(this));
  58. });
  59. if(can.tree)window['stabletree'+rand+'']=function(j,o1){me.stabletree(j,o1)}
  60. };
  61. this.setColumns=function(cols){
  62. can.columns=cols;var a,i;
  63. for(i=0; i<can.columns.length; i++){
  64. a = can.columns[i];
  65. if(typeof(a.align)=='undefined')can.columns[i].align='center';
  66. if(a.dataIndex=='caozuo')can.columns[i] = this._caozuochengs(a,i);
  67. }
  68. };
  69. this.getcolumns = function(){
  70. return can.columns;
  71. };
  72. this.setCans = function(cas){
  73. for(var i in cas)can[i]=cas[i];
  74. };
  75. this._create = function(){
  76. var a = can.columns;
  77. var s = '',i,len=a.length,val,s1,s2='',cols,s3='',s4='',s5='',le,st,ov,j,j1,na,attr,sty='',hs='',dis,dlen=this.data.length,mcol;
  78. s+='<table id="tablemain_'+rand+'" class="table table-striped table-bordered table-hover" style="margin:0px">';
  79. if(!can.hideHeaders){
  80. mcol = window['maincolor'];
  81. if(!mcol)mcol='#3399FF';
  82. s+='<thead><tr><th width="40" thxu="-1"></th>';
  83. if(can.checked)s+='<th width="40"><div align="center"><input id="seltablecheck_'+rand+'" type="checkbox"></div></th>';
  84. var nstr = js.getoption(this.tablekeymd5()),nda={};
  85. if(nstr)nda = JSON.parse(nstr);
  86. for(i=0;i<len;i++){
  87. hs = '';
  88. attr = '';
  89. cols = a[i].colspan;
  90. na = a[i].dataIndex;
  91. if(nda[na])for(j in nda[na])a[i][j]=nda[na][j];
  92. if(can.sort == na)hs='color:'+mcol+';';
  93. if(a[i].width)attr+=' width="'+a[i].width+'"';
  94. if(a[i].tooltip)attr+=' title="'+a[i].tooltip+'"';
  95. if(cols && cols>1)attr+=' colspan="'+cols+'"';
  96. s+='<th nowrap '+attr+' thxu="'+i+'"><div style="'+hs+'" align="'+a[i].align+'" lfields="'+na+'">';
  97. if(can.celleditor&&a[i].editor)s+='<i class="icon-pencil"></i>&nbsp;';
  98. s+=a[i].text;
  99. if(a[i].sortable){
  100. s+='&nbsp;';
  101. if(can.sort == na){
  102. s+='<i tempsort="'+i+'" lx="'+((can.dir=='desc')?'asc':'desc')+'" class="icon-sort-'+((can.dir=='desc')?'down':'up')+' cursor"></i>';
  103. }else{
  104. s+='<i tempsort="'+i+'" lx="desc" class="icon-sort cursor"></i>';
  105. }
  106. }
  107. s+='</div></th>';
  108. if(cols>1)i=i+cols-1;
  109. }
  110. s+='</tr></thead>';
  111. }
  112. s+='<tbody id="tbody_'+rand+'">';
  113. s+='</tbody></table>';
  114. $('#tablebody_'+rand+'').html(s);
  115. for(j=0;j<dlen;j++){
  116. s=this.createrows(j);
  117. $('#tbody_'+rand+'').append(s);
  118. }
  119. s='';
  120. this.trobj = obj.find('tr[dataid]');
  121. this.trobj.click(function(event){
  122. me._itemclick(this, event);
  123. });
  124. this.trobj.dblclick(function(event){
  125. me._itemdblclick(this, event);
  126. });
  127. if(typeof(can.celldblclick)=='function'){
  128. obj.find('td[cell]').dblclick(function(event){
  129. me._celldblclick(this, event);
  130. });
  131. }
  132. if(can.celleditor){
  133. var o = obj.find('td[fields]');
  134. o[can.celledittype](function(){
  135. me._celleditla(this);
  136. });
  137. }
  138. obj.find("a[temp='caozuomenu_"+rand+"']").click(function(){
  139. me._caozuochengss(this);
  140. return false;
  141. });
  142. $('#seltablecheck_'+rand+'').click(function(){
  143. js.selall(this, 'tablecheck_'+rand+'');
  144. });
  145. obj.find('i[tempsort]').click(function(){
  146. me._clickorder(this);
  147. });
  148. obj.find('th[thxu]').dblclick(function(){
  149. me._dblclickth(this);
  150. });
  151. };
  152. this.insert=function(d, funs,inid){
  153. d = js.apply({id:'auto'}, d);
  154. this.data.push(d);
  155. var j = this.data.length-1;
  156. var s=this.createrows(j);
  157. this.count++;
  158. if(!inid){
  159. $('#tbody_'+rand+'').append(s);
  160. }else{
  161. obj.find('tr[dataid="'+inid+'"]').after(s);
  162. }
  163. if(typeof(funs)=='function'){
  164. funs(this,j);
  165. }
  166. };
  167. this.createrows=function(j){
  168. var a = can.columns;
  169. var s = '',i,len=a.length,val,s1,s2='',s3='',s4='',s5='',le,st,ov,j,j1,na,attr,sty='',hs='',dis,trsty='',xu;
  170. ov = this.data[j];
  171. s3 = can.rendertr(ov, this, j);
  172. s4 = can.rowsbody(ov, this, j);
  173. if(s4)s5='rowspan="2"';
  174. if(!s3 && ((can.statuschange && ov.status==0) || (ov.ishui==1) || (ov.status==5))){
  175. trsty='color:#aaaaaa;';
  176. }
  177. if(ov.trbgcolor)trsty+='background:'+ov.trbgcolor+';';
  178. if(ov.trstyle)trsty+=''+ov.trstyle+';';
  179. if(trsty)trsty='style="'+trsty+'"';
  180. s='<tr clickbo="false" oi="'+j+'" dataid="'+ov.id+'" '+s3+' '+trsty+'>';
  181. xu = ov.trxu;if(!xu)xu=j+1+can.pageSize*(this.page-1);
  182. s+='<td '+s5+' align="right" width="40">'+xu+'</td>';
  183. if(can.checked){
  184. dis = '';
  185. if(ov.checkdisabled)dis='disabled';
  186. s+='<td align="center" width="40"><input oi="'+j+'" name="tablecheck_'+rand+'" '+dis+' value="'+ov.id+'" type="checkbox"></td>';
  187. }
  188. for(i=0;i<len;i++){
  189. na = a[i].dataIndex;
  190. val = ov[na];
  191. attr= '';
  192. sty = '';
  193. if(isempt(val)){
  194. val = '';
  195. this.data[j][na]=val;
  196. }
  197. if(a[i].type == 'checkbox'){
  198. s1 = '<img height="20" width="20" src="images/checkbox'+val+'.png">';
  199. }else{
  200. s1 = val;
  201. }
  202. if(typeof(a[i].renderer)=='function'){
  203. s3 = a[i].renderer(val, ov, j);
  204. if(!isempt(s3))s1=s3;
  205. }
  206. s2 = '';
  207. if(i == 0 && can.tree){
  208. st = ov.stotal;
  209. le = ov.level;
  210. for(j1=1;j1<le;j1++)s2+='<img src="images/white.gif" class="icons">&nbsp; ';
  211. s2 += '<i onclick="stabletree'+rand+'('+j+',this)" class="icon-'+((st>0)?'folder-close-alt':'file-alt')+'"></i>&nbsp;';
  212. }
  213. if(can.celleditor &&a[i].editor)attr+=' fields="'+na+'"';
  214. if(a[i].width)attr+=' width="'+a[i].width+'"';
  215. if(typeof(a[i].renderstyle)=='function'){
  216. s3 = a[i].renderstyle(val, ov, j);
  217. if(!isempt(s3))sty+=''+s3+';';
  218. }
  219. if(typeof(a[i].renderattr)=='function'){
  220. s3 = a[i].renderattr(val, ov, j);
  221. if(!isempt(s3))attr+=' '+s3+'';
  222. }
  223. s+='<td align="'+a[i].align+'" '+attr+' style="'+sty+'" row="'+j+'" cell="'+i+'">'+s2+''+s1+'</td>';
  224. }
  225. s+='</tr>';
  226. if(s4)s+='<tr><td colspan="'+(len+1)+'">'+s4+'</td></tr>';
  227. return s;
  228. };
  229. this._tredat={};
  230. this.stabletree=function(j,o1){
  231. if(!can.loadtree)return;
  232. var ov = this.data[j];
  233. if(!ov.stotal || ov.stotal<1 || this._tredat[j])return;
  234. var das = this._loaddata(1, true);
  235. das.pvalue = ov.id;
  236. das.level = ov.level+1;
  237. this.bool = true;
  238. this._tredat[j]=true;
  239. o1.className='icon-spinner';
  240. $.ajax({
  241. url:can.url,type:can.method,data:das,dataType:'json',
  242. success:function(ret){
  243. o1.className='icon-folder-open-alt';
  244. me.showtreeda(ret.rows,das.pvalue);
  245. me.bool = false;
  246. },
  247. error: function(e){
  248. o1.className='icon-folder-close-alt';
  249. js.msg('msg',e.responseText);
  250. me.bool = false;
  251. }
  252. });
  253. };
  254. this.showtreeda=function(da,pj){
  255. if(!da)return;var len = da.length,o1,i;if(len==0)return;
  256. for(i=len-1;i>=0;i--){
  257. this.insert(da[i],false,pj);
  258. if(can.celleditor){
  259. o1 = obj.find('tr[dataid="'+da[i].id+'"]').find('td[fields]');
  260. o1[can.celledittype](function(){
  261. me._celleditla(this);
  262. });
  263. }
  264. }
  265. this.trobj = obj.find('tr[dataid]');
  266. this.trobj.unbind();
  267. this.trobj.click(function(event){
  268. me._itemclick(this, event);
  269. });
  270. this.trobj.dblclick(function(event){
  271. me._itemdblclick(this, event);
  272. });
  273. obj.find("a[temp='caozuomenu_"+rand+"']").unbind().click(function(){
  274. me._caozuochengss(this);
  275. return false;
  276. });
  277. };
  278. this._celldblclick = function(o1,e){
  279. var o = $(o1);
  280. var cell = parseFloat(o.attr('cell')), row = parseFloat(o.attr('row'));
  281. var farr = can.columns[cell],
  282. d = this.data[row];
  283. can.celldblclick(farr, d, o1, cell, row, e);
  284. };
  285. this._scrollTopla= function(o){
  286. if(can.hideHeaders)return;
  287. var top = o.scrollTop();
  288. if(top<40){
  289. var o1 = $('#headerla_'+rand+'');
  290. o1.hide();
  291. o1.html('');
  292. }else{
  293. var off = obj.offset();
  294. var a = can.columns,s='',i,len=a.length,w1,o2;
  295. if(!get('headerla_'+rand+'')){
  296. s = '<div style="position:fixed;left:'+(off.left)+'px;top:'+(off.top)+'px;width:100%;height:34px;overflow:hidden; background:rgba(255,255,255,0.5);border-bottom:1px #dddddd solid;z-index:2" id="headerla_'+rand+'"></div>';
  297. obj.append(s);
  298. }
  299. var o1 = $('#headerla_'+rand+'');
  300. o1.show();
  301. o1.css({left:''+(off.left)+'px',top:''+(off.top)+'px',width:''+($('#tablemain_'+rand+'').width())+'px'});
  302. if(o1.html()==''){
  303. s = '';
  304. s+='<table class="table table-striped table-bordered" style="margin:0px" width="100%">';
  305. s+='<tr style="background:white"><th width="40"></th>';
  306. if(can.checked)s+='<th width="40"></th>';
  307. for(i=0;i<len;i++){
  308. o2 = obj.find("div[lfields='"+a[i].dataIndex+"']");
  309. w1 = o2[0].clientWidth-1;
  310. w1 = 'width:'+w1+'px';
  311. s+='<th><div style="'+w1+'" align="'+a[i].align+'">'+o2.html()+'</div></th>';
  312. }
  313. s+='</tr>';
  314. s+='</table>';
  315. o1.html(s);
  316. }
  317. }
  318. };
  319. this._celleditla = function(o1){
  320. if(this.bool)return;
  321. var o = $(o1),
  322. fields = o.attr('fields'),
  323. row = parseFloat(o.attr('row')),
  324. cell = parseFloat(o.attr('cell'));
  325. var a = this.data[row],i,len,sel,d,
  326. b = can.columns[cell],
  327. l = o.offset(),
  328. w = o1.clientWidth,
  329. h = o1.clientHeight,
  330. at = '',
  331. v = a[fields];
  332. $('#edittable_'+rand+'').remove();
  333. if(b.editorbefore && !b.editorbefore(a))return;
  334. if(!b.textmsg)b.textmsg='';
  335. var s = '<div id="edittable_'+rand+'" style="position:absolute;z-index:2;left:'+(l.left)+'px;top:'+(l.top+h)+'px">';
  336. s+='<div style="border:1px #cccccc solid;background:white;padding:10px;box-shadow:0px 0px 10px rgba(0,0,0,0.3); border-radius:10px">';
  337. s+=' <div>&nbsp;<b>'+b.text+'</b>:&nbsp;<span id="msgteita_'+rand+'">'+b.textmsg+'</span></div>';
  338. s+=' <div class="blank10"></div>';
  339. var wss = 200;
  340. if(b.editorwidth)wss=b.editorwidth;
  341. var flx = b.type,attr=b.editorattr;
  342. if(!flx)flx='text';
  343. if(!attr)attr='';
  344. if(b.repEmpty)attr+=' onblur="this.value=strreplace(this.value)" ';
  345. if(flx=='checkbox'){
  346. if(v=='1')at='checked';
  347. s+='<div><label><input type="checkbox" id="inputedit_'+rand+'" '+at+' value="1"> '+b.text+'</label></div>';
  348. }else if(flx=='textarea'){
  349. s+='<div><textarea type="text" style="width:'+wss+'px;height:100px" '+attr+' id="inputedit_'+rand+'" class="input">'+v+'</textarea></div>';
  350. }else if(flx=='select' && b.store){
  351. d=b.store;
  352. s+='<div><select style="width:'+wss+'px" id="inputedit_'+rand+'" '+attr+' class="input">';
  353. len=b.store.length;for(i=0;i<len;i++){
  354. sel='';if(d[i][0]==v||d[i][1]==v)sel='selected';
  355. s+='<option value="'+d[i][0]+'" '+sel+'>'+d[i][1]+'</option>';
  356. }
  357. s+='</select></div>';
  358. }else if(flx=='date'){
  359. s+='<div><input type="text" style="width:'+wss+'px" id="inputedit_'+rand+'" '+attr+' class="input datesss" onclick="js.datechange(this)" readonly value="'+v+'"></div>';
  360. }else{
  361. s+='<div><input type="'+flx+'" style="width:'+wss+'px" id="inputedit_'+rand+'" '+attr+' class="input" value="'+v+'"></div>';
  362. }
  363. s+=' <div class="blank10"></div>';
  364. if(!can.cellautosave || b.noautosave)s+=' <div><a id="inputeditsave_'+rand+'" href="javascript:"><i class="icon-ok"></i> 确定</a >&nbsp; &nbsp; <a href="javascript:" class="hui" onclick="$(\'#edittable_'+rand+'\').remove()"><i class="icon-remove"></i> 取消</a></div>';
  365. s+='</div>';
  366. s+='<div align="center"><div class="arrow-down"></div></div>';
  367. s+='</div>';
  368. $('body').append(s);
  369. var o2 = get('edittable_'+rand+'');
  370. var jg = (w-o2.clientWidth)*0.5;
  371. $(o2).css({left:''+(l.left+jg)+'px',top:''+(l.top-o2.clientHeight)+'px'});
  372. var o3 = get('inputedit_'+rand+'');
  373. o3.focus();
  374. $(o3).keyup(function(e){
  375. if(e.keyCode==13)this.blur();
  376. });
  377. var arr = {oldvalue:v,fields:fields,type:b.type,id:a.id,obj:o,row:row}
  378. if(!can.cellautosave || b.noautosave){
  379. $('#inputeditsave_'+rand+'').click(function(){
  380. me._editforcuschen(this, arr, b);
  381. });
  382. }else{
  383. $(o3).blur(function(){
  384. me._editforcuschen(this, arr, b);
  385. });
  386. }
  387. };
  388. this._dblclickth=function(o1){
  389. var o = $(o1),xu = parseFloat(o.attr('thxu'));
  390. if(xu==-1){
  391. var kes = this.tablekeymd5();
  392. if(js.getoption(kes)){
  393. js.confirm('是否清空设置列的属性',function(jg){
  394. if(jg=='yes'){js.setoption(kes,'');js.msg('success','已清空可F5刷新查看');}
  395. });
  396. }
  397. return;
  398. }
  399. var d = can.columns[xu],dws=d.width,dw1='',dw2='';
  400. if(d.dataIndex=='caozuo')return;
  401. if(!dws)dws='';
  402. var st2 = ''+dws+'';
  403. if(st2.indexOf('%')>0)dw2='%';
  404. dw1 = st2.replace('px','').replace('%','');
  405. var str = '<div style="padding:10px">';
  406. str+='<div>列宽宽度:<input type="number" placeholder="当前'+o.width()+'px" min="0" autocomplete="off" style="width:110px" id="lie_width" class="input" value="'+dw1+'"><select style="width:90px" id="lie_widths" class="input"><option value="px">像素px</option><option value="%" '+((dw2=='%')?'selected':'')+'>百分比%</option></select></div>';
  407. str+='<div style="margin-top:10px">对齐方式:<select style="width:200px" id="lie_align" class="input"><option value="center">居中</option><option value="left" '+((d.align=='left')?'selected':'')+'>居左←</option><option value="right" '+((d.align=='right')?'selected':'')+'>居右→</option></select></div>';
  408. str+='</div>';
  409. js.tanbody('bootsthcog','设置列['+d.text+']的属性', 300,200,{
  410. html:str,
  411. btn:[{text:'确定'}]
  412. });
  413. $('#bootsthcog_btn0').click(function(){
  414. me._dblclickthclick(xu);
  415. });
  416. };
  417. this._dblclickthclick=function(xu){
  418. var d = can.columns[xu],w1=get('lie_width').value,d1={};
  419. d1.align = get('lie_align').value;
  420. d.align = d1.align;
  421. if(w1 && w1>0){
  422. d1.width = w1+get('lie_widths').value;
  423. d.width = d1.width;
  424. }
  425. js.tanclose('bootsthcog');
  426. this.reload();
  427. var sbd = true;
  428. if(can.modenum && can.listcreate && window['admintype']=='1'){
  429. var da = {modenum:can.modenum,align:d1.align,width:'',fields:d.dataIndex};
  430. if(d1.width)da.width = d1.width;
  431. js.ajax('index.php?d=flow&m=flowopt&a=savecolums',da,function(ret){
  432. if(ret.code==202)me._dblclickthsave(d,d1);
  433. },'get,json');
  434. sbd=false;
  435. }
  436. if(sbd)this._dblclickthsave(d,d1);
  437. };
  438. this._dblclickthsave=function(d,d1){
  439. var key = this.tablekeymd5(),str,da={};
  440. str = js.getoption(key);
  441. if(str)da = JSON.parse(str);
  442. da[d.dataIndex] = d1;
  443. js.setoption(key,JSON.stringify(da));
  444. };
  445. this.tablekeymd5=function(){
  446. var url = can.url;
  447. if(url.indexOf('rnd')>0)url = url.substr(0,url.indexOf('rnd')-1);
  448. var str = url+this.tablename+can.storeafteraction+can.storebeforeaction+can.defaultorder+can.onlytablekey;
  449. if(can.modenum)str+=can.modenum;
  450. return 'table'+md5(str);
  451. };
  452. this.signature= function(da, url){
  453. var time = parseInt(js.now('time')*0.001);
  454. var siaa = ''+NOWURL+''+url+''+da.tablename+''+time+'_'+adminid+'';
  455. var sign = md5(siaa);
  456. da.sys_signature= sign;
  457. da.sys_timeature= time;
  458. return da;
  459. };
  460. this._editforcuschen = function(o1, a, farr){
  461. var o1= get('inputedit_'+rand+'');
  462. var v = o1.value,ov = a.oldvalue;
  463. if(a.type=='checkbox')if(!o1.checked)v='0';
  464. var selv= v+'';
  465. if(a.type=='select')selv=o1.options[o1.selectedIndex].text;
  466. if(v==ov || selv==ov){
  467. $('#edittable_'+rand+'').remove();
  468. return;
  469. }
  470. var vid = 'msgteita_'+rand+'';
  471. js.setmsg('处理中...','#ff6600',vid);
  472. o1.disabled = true;
  473. this.bool = true;
  474. var data = {tablename:can.tablename,id:a.id,fieldname:a.fields,value:v,fieldsafteraction:can.fieldsafteraction};
  475. $.ajax({
  476. data:this.signature(data, can.cellurl),type:'post',url:can.cellurl,
  477. success:function(bstr){
  478. me.bool = false;
  479. $('#edittable_'+rand+'').remove();
  480. if(bstr!='success'){
  481. js.msg('msg', bstr);
  482. return;
  483. }
  484. js.setmsg('处理完成','green',vid);
  485. var ohtml = a.obj.html();
  486. ohtml = ohtml.replace(ov, v);
  487. if(a.type=='checkbox')ohtml='<img height="20" width="20" src="images/checkbox'+v+'.png">';
  488. if(a.type=='select')ohtml=selv;
  489. a.obj.html(ohtml);
  490. me.data[a.row][a.fields] = v;
  491. if(farr.editorafter)farr.editorafter();//保存后处理
  492. },
  493. error:function(e){
  494. js.msg('msg',e.responseText);
  495. me.bool = false;
  496. }
  497. });
  498. };
  499. this._itemclick= function(o1, e){
  500. var o = $(o1);
  501. if(can.selectColor){
  502. this.trobj.css('background','');
  503. o.css('background', can.selectColor);
  504. }else{
  505. this.trobj.removeClass(can.selectcls);
  506. o.addClass(can.selectcls);
  507. }
  508. var oi = parseFloat(o.attr('oi'));
  509. var a = this.data[oi];
  510. this.changedata = a;
  511. this.changeid = a.id;
  512. can.itemclick(a, oi, e);
  513. };
  514. this._itemdblclick= function(o1, e){
  515. var o = $(o1),oi,lxs,o1,cell,farr,o2;
  516. oi = parseFloat(o.attr('oi'));
  517. o2 = e.target;
  518. lxs = o2.nodeName.toLowerCase();
  519. if(lxs!='td'){
  520. o2 = e.target.parentNode;
  521. lxs = o2.nodeName.toLowerCase();
  522. }
  523. if(lxs=='td'){
  524. o1 = $(o2);
  525. cell= parseFloat(o1.attr('cell'));
  526. farr= can.columns[cell];
  527. if(farr.editor)return;//单元格是编辑就退出
  528. }
  529. can.itemdblclick(this.changedata, oi, e);
  530. };
  531. this._loaddata = function(p, donbo){
  532. if(this.bool)return;
  533. this.changeid= 0;
  534. this.loadci++;
  535. this.changedata = {};
  536. var url = can.url;
  537. var das = {tablename_abc:can.tablename,defaultorder:can.defaultorder,keywhere:can.keywhere,where:this.where,sort:can.sort,dir:can.dir,loadci:this.loadci,storebeforeaction:can.storebeforeaction,storeafteraction:can.storeafteraction,modenum:can.modenum},
  538. s='',of=obj.offset();
  539. das.keywhere=jm.encrypt(das.keywhere.replace(/\'/g, '[F]'));
  540. das.where = jm.encrypt(das.where.replace(/\'/g, '[F]'));
  541. das.start = can.pageSize*(p-1);
  542. das.page = p;
  543. das.limit = can.pageSize;
  544. if(!can.fanye)das.limit = can.limit;
  545. das = js.apply(das, can.params);
  546. das = js.apply(das, this.otherparams);
  547. if(donbo)return das;
  548. this.page = p;
  549. var o1 = $('#tablebody_'+rand+'');
  550. var h= o1.height()-2,w= o1.width()-2;
  551. s='<div id="modeshow_'+rand+'" style="filter:Alpha(opacity=20);opacity:0.2;height:'+h+'px;width:'+w+'px;overflow:hidden;z-index:3;position:absolute;left:1px;line-height:'+h+'px;top:1px;background:#000000;color:white" align="center"><img src="images/mloading.gif" align="absmiddle">&nbsp;加载中...</div>';
  552. o1.append(s);
  553. can.beforeload();
  554. this.bool = true;
  555. $.ajax({
  556. url:url,type:can.method,data:das,
  557. success:function(da){
  558. if(!get('tablebody_'+rand+''))return;
  559. var a = js.decode(da);
  560. if(!a.rows){
  561. if(a.msg)da=a.msg;
  562. js.msg('msg',da);
  563. }else{
  564. me._loaddataback(a);
  565. }
  566. $('#modeshow_'+rand+'').remove();
  567. me.bool = false;
  568. },
  569. error: function(e){
  570. $('#modeshow_'+rand+'').remove();
  571. js.msg('msg',e.responseText);
  572. me.bool = false;
  573. }
  574. });
  575. };
  576. this.exceldown = function(bt, lxs,ocsn){
  577. if(this.bool)return;
  578. var excelfields='',excelheader='',i,a=can.columns;
  579. var np = (lxs==2) ? this.page : 1;
  580. var das = this._loaddata(np, true);
  581. das.limit = 10000;
  582. das.execldown = 'true';
  583. if(!bt)bt=nowtabs.name;
  584. das.exceltitle = bt;
  585. for(i=0;i<a.length;i++){
  586. if(!a[i].notexcel){
  587. excelfields+=','+a[i].dataIndex+'';
  588. excelheader+=','+a[i].text+'';
  589. }
  590. }
  591. das.excelfields = excelfields.substr(1);
  592. das.excelheader = excelheader.substr(1);
  593. if(lxs==1)return das;
  594. if(lxs==2){
  595. das.limit = can.pageSize;
  596. }
  597. if(ocsn)for(i in ocsn)das[i]=ocsn[i];
  598. das.exceltitle = jm.encrypt(das.exceltitle);
  599. das.excelfields = jm.encrypt(das.excelfields);
  600. das.excelheader = jm.encrypt(das.excelheader);
  601. this.bool = true;
  602. js.msg('wait', '导出处理中...');
  603. $.ajax({
  604. url:can.url,type:'POST',data:das,dataType:'json',
  605. success:function(a1){
  606. var lex = (nwjsgui)?'_self':'_blank';
  607. if(!a1.downCount)a1.downCount = a1.totalCount;
  608. js.msg('success', '处理成功,共有记录'+a1.totalCount+'条/导出'+a1.downCount+'条,点我直接<a class="a" href="'+a1.url+'" target="'+lex+'">[下载]</a>', 60);
  609. me.bool=false;
  610. },
  611. error:function(e){
  612. js.msg('msg','err:'+e.responseText);
  613. me.bool = false;
  614. }
  615. });
  616. };
  617. this.exceldownnow = function(bt){
  618. this.exceldown(bt,2);
  619. };
  620. this.setparams = function(cans, relo){
  621. if(!cans)cans={};
  622. this.otherparams = js.apply(this.otherparams,cans);
  623. this.page = 1;
  624. if(relo)this.reload();
  625. };
  626. this._loaddataback=function(a){
  627. this._tredat={};
  628. this.json = a;
  629. this.data = a.rows;
  630. this.count = a.totalCount;
  631. can.loadbefore(a, this);
  632. this._create();
  633. this._initfany();
  634. can.load(a, this, this.loadci);
  635. };
  636. this.loadData = function(d){
  637. this._loaddataback(d);
  638. };
  639. this._clickorder = function(o1){
  640. if(this.loadci==0)return;
  641. var o,oi,a,dir,sort;
  642. o = $(o1);
  643. oi = parseFloat(o.attr('tempsort'));
  644. a = can.columns[oi];
  645. sort = a.dataIndex;
  646. dir = o.attr('lx');
  647. this.order(sort, dir);
  648. };
  649. this.remove = function(ids){
  650. var sid = ids.split(','),id,i;
  651. for(i=0;i<sid.length;i++){
  652. id = sid[i];
  653. obj.find("tr[dataid='"+id+"']").remove();
  654. if(id == this.changeid){
  655. this.changeid= 0;
  656. this.changedata = {};
  657. }
  658. }
  659. };
  660. this.hiderows=function(ids){
  661. var sid = ids.split(','),id,i;
  662. for(i=0;i<sid.length;i++){
  663. id = sid[i];
  664. obj.find("tr[dataid='"+id+"']").hide();
  665. if(id == this.changeid){
  666. this.changeid= 0;
  667. this.changedata = {};
  668. }
  669. }
  670. };
  671. this.showrows=function(id){
  672. var sid = ids.split(','),id,i;
  673. for(i=0;i<sid.length;i++){
  674. id = sid[i];
  675. obj.find("tr[dataid='"+id+"']").show();
  676. }
  677. };
  678. this.showallrows=function(){
  679. obj.find("tr[dataid']").show();
  680. }
  681. this.order = function(a, b){
  682. if(!a)return;
  683. if(!b)b='asc';
  684. can.sort = a;
  685. can.dir = b;
  686. this.reload();
  687. };
  688. this.highorder = function(str){
  689. if(!str)str='';
  690. this.highorderstr = str;
  691. this.reload();
  692. };
  693. this.search = function(w, jg, slx){
  694. if(!w)w='';
  695. if(jg)w = this.where+' '+w;
  696. var s = can.outsearch(this);
  697. if(s)w+=' '+s+'';
  698. this.where = w;
  699. this._loaddata(1);
  700. return w;
  701. };
  702. this.reload = function(){
  703. this._loaddata(this.page);
  704. };
  705. this.del = function(csa){
  706. if(this.bool)return;
  707. var a = js.apply({msg:'确定要删除选中的{s}条记录吗?',success:function(){},checked:false,check:function(){}},csa);
  708. var s = ''+this.changeid+'',xz;
  709. if(a.checked)s=this.getchecked();
  710. if(s=='0'||s==''){
  711. js.msg('msg','没有选中记录');
  712. return;
  713. }
  714. xz = s.split(',').length;
  715. a.msg = a.msg.replace('{s}', ''+xz+'');
  716. js.confirm(a.msg,function(lx){
  717. a.check(lx);
  718. if(lx=='yes'){
  719. me._delok(s, a);
  720. }
  721. });
  722. };
  723. this.getchecked = function(){
  724. return js.getchecked('tablecheck_'+rand+'');
  725. };
  726. this.getcheckobj = function(){
  727. return $("input[name='tablecheck_"+rand+"']");
  728. };
  729. this.getcheckdata= function(){
  730. var o = this.getcheckobj(),len=o.length,i,o1,d=[];
  731. for(i=0;i<len;i++){
  732. o1=o[i];
  733. if(o1.checked){
  734. oi=parseFloat($(o1).attr('oi'));
  735. d.push(this.data[oi]);
  736. }
  737. }
  738. return d;
  739. };
  740. this._delok = function(sid, ds){
  741. js.msg('wait','删除'+sid+'中...');
  742. this.bool=true;
  743. var url = ds.url;if(!url)url=js.getajaxurl('publicdel','index');
  744. var ss = js.apply({modenum:can.modenum,table:can.tablename,id:sid},ds.params);
  745. $.ajax({
  746. url:url,type:'POST',data:ss,dataType:'json',
  747. success:function(a1){
  748. me.bool=false;
  749. if(a1.code==200){
  750. js.msg('success','删除成功');
  751. ds.success();
  752. me.reload();
  753. }else{
  754. js.msg('msg',a1.msg);
  755. }
  756. },
  757. error:function(e){
  758. js.msg('msg','err:'+e.responseText);
  759. me.bool = false;
  760. }
  761. });
  762. };
  763. this.settishi=function(nr){
  764. $('#bottomtishi_'+rand+'').html(nr);
  765. };
  766. this._fanye = function(){
  767. var s = '';
  768. s='<div style="margin-top:10px" class="btn-toolbar" role="toolbar">'+
  769. '<div class="btn-group">'+
  770. '<button id="shouye_'+rand+'" type="button" data-toggle="tooltip" data-placement="top" title="首页" class="btn btn-default">&laquo;</button>'+
  771. '<button id="shang_'+rand+'" data-toggle="tooltip" data-placement="top" title="上一页" type="button" disabled class="btn btn-default">&lt;</button>'+
  772. '<button id="nowye_'+rand+'" type="button" disabled class="btn btn-default"> 第<span id="pages_'+rand+'">1</span>页/共<span id="maxpage_'+rand+'">0</span>页 <span class="caret"></span></button>'+
  773. '<button id="next_'+rand+'" type="button" data-toggle="tooltip" data-placement="top" title="下一页" disabled class="btn btn-default">&gt;</button>'+
  774. '<button id="lastye_'+rand+'" type="button" data-toggle="tooltip" data-placement="top" title="尾页" disabled class="btn btn-default">&raquo;</button>'+
  775. '</div> '+
  776. '<div class="btn-group">'+
  777. ' <button id="refresh_'+rand+'" type="button" data-toggle="tooltip" data-placement="top" title="刷新" class="btn btn-default"><i class="icon-refresh"></i></button>'+
  778. '</div> '+
  779. '<div class="btn-group" id="bottomtishi_'+rand+'"></div>'+
  780. '<div class="btn-group" style="float:right; padding-top:3px">'+
  781. '<span>共记录<span id="zjilu_'+rand+'">0</span>条</span> &nbsp;'+
  782. '每页<input maxlength="3" onblur="js.number(this)" onfocus="js.focusval=this.value" id="pagesize_'+rand+'" type="number" value="'+can.pageSize+'" style="width:40px;text-align:center;height:24px;border:1px #dddddd solid;margin:0px 2px;font-size:12px">条&nbsp;'+
  783. '</div>'+
  784. '</div>';
  785. $('#tablefanye_'+rand+'').html(s);
  786. $('#shouye_'+rand+'').click(function(){me.firstPage();});
  787. $('#shang_'+rand+'').click(function(){me.backPage();});
  788. $('#next_'+rand+'').click(function(){me.nextPage();});
  789. $('#lastye_'+rand+'').click(function(){me.lastPage();});
  790. $('#refresh_'+rand+'').click(function(){me.reload();});
  791. $('#nowye_'+rand+'').rockmenu({
  792. top:33,width:150,
  793. data:[{name:'第1页',p:1}],
  794. beforeshow:function(o){
  795. o.setData(me._getpaged());
  796. o.setValue('第'+me.page+'页');
  797. },
  798. itemsclick:function(a){
  799. me.gotoPage(a.p);
  800. }
  801. });
  802. var o1 = $('#pagesize_'+rand+'');
  803. o1.blur(function(){me.setpageSize(this.value);});
  804. o1.keyup(function(e){if(e.keyCode==13)this.blur()});
  805. };
  806. this._getpaged = function(){
  807. var a = [],i=1,j=1,b,bg;
  808. i = this.page-5;
  809. j = this.page+5;
  810. if(i<1)i=1;
  811. if(j>this.maxPage)j=this.maxPage;
  812. for(b=i;b<=j;b++){
  813. a.push({name:'第'+b+'页',p:b});
  814. }
  815. return a;
  816. };
  817. this._initfany = function(){
  818. if(!can.fanye)return;
  819. $('#zjilu_'+rand+'').html(''+this.count+'');
  820. $('#pages_'+rand+'').html(''+this.page+'');
  821. this.maxPage = Math.ceil(this.count/can.pageSize);
  822. $('#maxpage_'+rand+'').html(''+this.maxPage+'');
  823. var bo1=false,bo2=false;
  824. if(this.maxPage <=1 || this.page<=1){
  825. bo1 = true;
  826. }
  827. get('shouye_'+rand+'').disabled=bo1;
  828. get('shang_'+rand+'').disabled=bo1;
  829. if(this.maxPage <=1){
  830. get('nowye_'+rand+'').disabled=true;
  831. }else{
  832. get('nowye_'+rand+'').disabled=false;
  833. }
  834. if(this.maxPage <=1 || this.page>=this.maxPage){
  835. bo2 = true;
  836. }
  837. get('next_'+rand+'').disabled=bo2;
  838. get('lastye_'+rand+'').disabled=bo2;
  839. };
  840. this._next = function(oi){
  841. var p = this.page+oi;
  842. if(p<=0)p=1;
  843. if(p>=this.maxPage)p=this.maxPage;
  844. this._loaddata(p);
  845. };
  846. this.firstPage = function(){
  847. this._loaddata(1);
  848. };
  849. this.backPage = function(){
  850. this._next(-1);
  851. };
  852. this.nextPage = function(){
  853. this._next(1);
  854. };
  855. this.gotoPage = function(p){
  856. this._loaddata(p);
  857. };
  858. this.lastPage = function(){
  859. this._loaddata(this.maxPage);
  860. };
  861. this.setpageSize = function(p){
  862. p = parseFloat(p);
  863. if(p<=0)p=can.pageSize;
  864. $('#pagesize_'+rand+'').val(''+p+'');
  865. if(can.pageSize == p)return;
  866. can.pageSize = p;
  867. this.page = 1;
  868. this.reload();
  869. };
  870. this._caozuochengs=function(a,oj){
  871. a.renderer=function(v,d,oi){
  872. var s='<a oi="'+oi+'" oj="'+oj+'" style="TEXT-DECORATION:none" temp="caozuomenu_'+rand+'">操作<i class="icon-angle-down"></i></a>';
  873. if(!d.id)s='&nbsp;';
  874. return s;
  875. };
  876. a.notexcel=true;
  877. return a;
  878. };
  879. this._caozuochengss=function(o1){
  880. var oi,d,num,mid,modename,o2;
  881. o2= $(o1);
  882. oi= parseFloat(o2.attr('oi'));
  883. oj= parseFloat(o2.attr('oj'));
  884. d = this.getData(oi);
  885. num=can.modenum;if(num=='')num=this.tablename;
  886. mid = d.id;if(d.modenum)num=d.modenum;
  887. modename=can.modename;if(d.modename)modename=d.modename;
  888. new optmenuclass(o1,num,mid,this,modename,oi,can.columns[oj]);
  889. };
  890. this.geturlparams=function(bt,ocans){
  891. var cshu = this.exceldown(bt, 1),i;
  892. cshu.tablename_abc = jm.uncrypt(cshu.tablename_abc);
  893. cshu = js.apply(cshu,ocans);
  894. return [can.url, cshu];
  895. }
  896. };
  897. /**
  898. 表格中常用方法
  899. 1、reload(); //刷新数据源
  900. 2、getchecked();//获取复选框对应记录ID聚
  901. 3、getcheckdata();//获取复选框选中的数据数组[]
  902. 4、insert({name:''});//表格中插入一行
  903. 5、setparams({key:''},true);//设置参数并搜索
  904. 6、geturlparams();获取当前Url地址参数,订阅时用到的
  905. */
  906. if(typeof(bootsSelectColor)!='string')bootsSelectColor= '';
  907. $.fn.bootstable = function(options){
  908. var defaultVal = {
  909. columns:[], //表头
  910. selectColor:bootsSelectColor, //选中时行颜色
  911. pageSize:15, //默认分页数
  912. limit:0, //没有分页时展示条数
  913. bodyStyle:'',
  914. height:0, //高度
  915. url:'', //请求地址
  916. celleditor:false, //是否可编辑单元格
  917. cellautosave:true, //编辑单元格是否自动保存
  918. celledittype:'dblclick', //编辑单元格用双击
  919. cellurl:'', //编辑单元格保存地址
  920. fieldsafteraction:'', //编辑单元格时保存后触发
  921. data:[], //初始数据
  922. autoLoad:true, //是否初始化后就加载
  923. tree:false, //是否树形显示
  924. itemdblclick:function(){}, //双击行调用
  925. searchwidth:500, //没用
  926. defaultorder:'', //默认排序
  927. where:'', //条件
  928. hideHeaders:false, //是否隐藏头部表头
  929. modename:'', //对应模块名称
  930. modenum:'', //对应模块编号
  931. statuschange:true, //当行的status=0时自动变成灰色
  932. checked:false, //是否多选
  933. fanye:false, //是否可翻页
  934. sort:'', //排序字段
  935. dir:'', //排序类型desc和asc
  936. storeafteraction:'', //数据源请求后先处理函数
  937. storebeforeaction:'',//数据源请求时先处理函数,可返回条件字段等
  938. loadtree:false,
  939. modedir:'', //当前文件路径,一般都是写:'{mode}:{dir}'
  940. keywhere:'', //条件
  941. params:{}, //其他参数
  942. tablename:'', //请求数据表格名,如有指定modenum,会加载对应模块上设置的表
  943. selectcls:'success', //选中样式
  944. itemclick:function(da, index, e){}, //单击行触发
  945. beforeload:function(){}, //数据加载前触发
  946. load:function(){}, //数据加载完成后触发
  947. loadbefore:function(){}, //数据加载完成后但还没有渲染出来时触发
  948. outsearch:function(){return ''}, //外搜索条件
  949. searchview:'', //没用
  950. method:'POST', //post请求
  951. rendertr:function(){return ''}, //少用
  952. rowsbody:function(){return ''}, //少用
  953. onlytablekey:'', //唯一的编号
  954. celldblclick:false //没用
  955. };
  956. if(typeof(bootstableobj)=='undefined')bootstableobj={};
  957. var can = $.extend({}, defaultVal, options);
  958. var clsa = new bootstable($(this), can);
  959. clsa.init();
  960. if(can.modenum!='')bootstableobj[can.modenum]=clsa;
  961. return clsa;
  962. };
  963. })(jQuery);