grid.inlinedit.js 26 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803
  1. /*jshint eqeqeq:false, eqnull:true, devel:true */
  2. /*global jQuery, define */
  3. (function( factory ) {
  4. "use strict";
  5. if ( typeof define === "function" && define.amd ) {
  6. // AMD. Register as an anonymous module.
  7. define([
  8. "jquery",
  9. "js/grid.base",
  10. "js/grid.common"
  11. ], factory );
  12. } else {
  13. // Browser globals
  14. factory( jQuery );
  15. }
  16. }(function( $ ) {
  17. "use strict";
  18. //module begin
  19. $.jgrid.inlineEdit = $.jgrid.inlineEdit || {};
  20. $.jgrid.extend({
  21. //Editing
  22. editRow : function(rowid,keys,oneditfunc,successfunc, url, extraparam, aftersavefunc,errorfunc, afterrestorefunc) {
  23. // Compatible mode old versions
  24. var o={}, args = $.makeArray(arguments).slice(1), $t = this[0];
  25. if( $.type(args[0]) === "object" ) {
  26. o = args[0];
  27. } else {
  28. if (keys !== undefined) { o.keys = keys; }
  29. if ($.isFunction(oneditfunc)) { o.oneditfunc = oneditfunc; }
  30. if ($.isFunction(successfunc)) { o.successfunc = successfunc; }
  31. if (url !== undefined) { o.url = url; }
  32. if (extraparam !== undefined) { o.extraparam = extraparam; }
  33. if ($.isFunction(aftersavefunc)) { o.aftersavefunc = aftersavefunc; }
  34. if ($.isFunction(errorfunc)) { o.errorfunc = errorfunc; }
  35. if ($.isFunction(afterrestorefunc)) { o.afterrestorefunc = afterrestorefunc; }
  36. // last two not as param, but as object (sorry)
  37. //if (restoreAfterError !== undefined) { o.restoreAfterError = restoreAfterError; }
  38. //if (mtype !== undefined) { o.mtype = mtype || "POST"; }
  39. }
  40. o = $.extend(true, {
  41. keys : false,
  42. keyevent : "keydown",
  43. onEnter : null,
  44. onEscape : null,
  45. oneditfunc: null,
  46. successfunc: null,
  47. url: null,
  48. extraparam: {},
  49. aftersavefunc: null,
  50. errorfunc: null,
  51. afterrestorefunc: null,
  52. restoreAfterError: true,
  53. mtype: "POST",
  54. focusField : true,
  55. saveui : "enable",
  56. savetext : $.jgrid.getRegional($t,'defaults.savetext')
  57. }, $.jgrid.inlineEdit, o );
  58. // End compatible
  59. return this.each(function(){
  60. var nm, tmp, editable, cnt=0, focus=null, svr={}, ind,cm, bfer,
  61. inpclass = $(this).jqGrid('getStyleUI',$t.p.styleUI+".inlinedit",'inputClass', true);
  62. if (!$t.grid ) { return; }
  63. ind = $($t).jqGrid("getInd",rowid,true);
  64. if( ind === false ) {return;}
  65. $t.p.beforeAction = true;
  66. bfer = $.isFunction( o.beforeEditRow ) ? o.beforeEditRow.call($t,o, rowid) : undefined;
  67. if( bfer === undefined ) {
  68. bfer = true;
  69. }
  70. if(!bfer) {
  71. $t.p.beforeAction = false;
  72. return;
  73. }
  74. editable = $(ind).attr("editable") || "0";
  75. if (editable === "0" && !$(ind).hasClass("not-editable-row")) {
  76. cm = $t.p.colModel;
  77. $('td[role="gridcell"]',ind).each( function(i) {
  78. nm = cm[i].name;
  79. var treeg = $t.p.treeGrid===true && nm === $t.p.ExpandColumn;
  80. if(treeg) { tmp = $("span:first",this).html();}
  81. else {
  82. try {
  83. tmp = $.unformat.call($t,this,{rowId:rowid, colModel:cm[i]},i);
  84. } catch (_) {
  85. tmp = ( cm[i].edittype && cm[i].edittype === 'textarea' ) ? $(this).text() : $(this).html();
  86. }
  87. }
  88. if ( nm !== 'cb' && nm !== 'subgrid' && nm !== 'rn') {
  89. if($t.p.autoencode) { tmp = $.jgrid.htmlDecode(tmp); }
  90. svr[nm]=tmp;
  91. if(cm[i].editable===true) {
  92. if(focus===null) { focus = i; }
  93. if (treeg) { $("span:first",this).html(""); }
  94. else { $(this).html(""); }
  95. var opt = $.extend({},cm[i].editoptions || {},{id:rowid+"_"+nm,name:nm,rowId:rowid, oper:'edit'});
  96. if(!cm[i].edittype) { cm[i].edittype = "text"; }
  97. if(tmp === " " || tmp === " " || (tmp.length===1 && tmp.charCodeAt(0)===160) ) {tmp='';}
  98. var elc = $.jgrid.createEl.call($t,cm[i].edittype,opt,tmp,true,$.extend({},$.jgrid.ajaxOptions,$t.p.ajaxSelectOptions || {}));
  99. $(elc).addClass("editable inline-edit-cell");
  100. if( $.inArray(cm[i].edittype, ['text','textarea','password','select']) > -1) {
  101. $(elc).addClass( inpclass );
  102. }
  103. if(treeg) { $("span:first",this).append(elc); }
  104. else { $(this).append(elc); }
  105. $.jgrid.bindEv.call($t, elc, opt);
  106. //Again IE
  107. if(cm[i].edittype === "select" && cm[i].editoptions!==undefined && cm[i].editoptions.multiple===true && cm[i].editoptions.dataUrl===undefined && $.jgrid.msie()) {
  108. $(elc).width($(elc).width());
  109. }
  110. cnt++;
  111. }
  112. }
  113. });
  114. if(cnt > 0) {
  115. svr.id = rowid; $t.p.savedRow.push(svr);
  116. $(ind).attr("editable","1");
  117. if(o.focusField ) {
  118. if(typeof o.focusField === 'number' && parseInt(o.focusField,10) <= cm.length) {
  119. focus = o.focusField;
  120. }
  121. setTimeout(function(){
  122. var fe = $("td:eq("+focus+") :input:visible",ind).not(":disabled");
  123. if(fe.length > 0) {
  124. fe.focus();
  125. }
  126. },0);
  127. }
  128. if(o.keys===true) {
  129. $(ind).on( o.keyevent ,function(e) {
  130. if (e.keyCode === 27) {
  131. if($.isFunction( o.onEscape )) {
  132. o.onEscape.call($t, rowid, o, e);
  133. return true;
  134. }
  135. $($t).jqGrid("restoreRow",rowid, o);
  136. if($t.p.inlineNav) {
  137. try {
  138. $($t).jqGrid('showAddEditButtons');
  139. } catch (eer1) {}
  140. }
  141. return false;
  142. }
  143. if (e.keyCode === 13) {
  144. /*
  145. var ta = e.target;
  146. if(ta.tagName === 'TEXTAREA') { return true; }
  147. if($.isFunction( o.onEnter )) {
  148. o.onEnter.call($t, rowid, o, e);
  149. return true;
  150. }
  151. if( $($t).jqGrid("saveRow", rowid, o ) ) {
  152. if($t.p.inlineNav) {
  153. try {
  154. $($t).jqGrid('showAddEditButtons');
  155. } catch (eer2) {}
  156. }
  157. }
  158. return false;
  159. */
  160. }
  161. });
  162. }
  163. $($t).triggerHandler("jqGridInlineEditRow", [rowid, o]);
  164. if( $.isFunction(o.oneditfunc)) { o.oneditfunc.call($t, rowid); }
  165. }
  166. }
  167. });
  168. },
  169. saveRow : function(rowid, successfunc, url, extraparam, aftersavefunc,errorfunc, afterrestorefunc) {
  170. // Compatible mode old versions
  171. var args = $.makeArray(arguments).slice(1), o = {}, $t = this[0];
  172. if( $.type(args[0]) === "object" ) {
  173. o = args[0];
  174. } else {
  175. if ($.isFunction(successfunc)) { o.successfunc = successfunc; }
  176. if (url !== undefined) { o.url = url; }
  177. if (extraparam !== undefined) { o.extraparam = extraparam; }
  178. if ($.isFunction(aftersavefunc)) { o.aftersavefunc = aftersavefunc; }
  179. if ($.isFunction(errorfunc)) { o.errorfunc = errorfunc; }
  180. if ($.isFunction(afterrestorefunc)) { o.afterrestorefunc = afterrestorefunc; }
  181. }
  182. o = $.extend(true, {
  183. successfunc: null,
  184. url: null,
  185. extraparam: {},
  186. aftersavefunc: null,
  187. errorfunc: null,
  188. afterrestorefunc: null,
  189. restoreAfterError: true,
  190. mtype: "POST",
  191. saveui : "enable",
  192. savetext : $.jgrid.getRegional($t,'defaults.savetext')
  193. }, $.jgrid.inlineEdit, o );
  194. // End compatible
  195. var success = false, nm, tmp={}, tmp2={}, tmp3= {}, editable, fr, cv, ind, nullIfEmpty=false,
  196. error = $.trim( $($t).jqGrid('getStyleUI', $t.p.styleUI+'.common', 'error', true) );
  197. if (!$t.grid ) { return success; }
  198. ind = $($t).jqGrid("getInd",rowid,true);
  199. if(ind === false) {return success;}
  200. var errors = $.jgrid.getRegional($t, 'errors'),
  201. edit =$.jgrid.getRegional($t, 'edit'),
  202. bfsr = $.isFunction( o.beforeSaveRow ) ? o.beforeSaveRow.call($t,o, rowid) : undefined;
  203. if( bfsr === undefined ) {
  204. bfsr = true;
  205. }
  206. if(!bfsr) { return; }
  207. editable = $(ind).attr("editable");
  208. o.url = o.url || $t.p.editurl;
  209. if (editable==="1") {
  210. var cm, index, elem;
  211. $('td[role="gridcell"]',ind).each(function(i) {
  212. cm = $t.p.colModel[i];
  213. nm = cm.name;
  214. elem = "";
  215. if ( nm !== 'cb' && nm !== 'subgrid' && cm.editable===true && nm !== 'rn' && !$(this).hasClass('not-editable-cell')) {
  216. switch (cm.edittype) {
  217. case "checkbox":
  218. var cbv = ["Yes","No"];
  219. if(cm.editoptions && cm.editoptions.value) {
  220. cbv = cm.editoptions.value.split(":");
  221. }
  222. tmp[nm]= $("input",this).is(":checked") ? cbv[0] : cbv[1];
  223. elem = $("input",this);
  224. break;
  225. case 'text':
  226. case 'password':
  227. case 'textarea':
  228. case "button" :
  229. tmp[nm]=$("input, textarea",this).val();
  230. elem = $("input, textarea",this);
  231. break;
  232. case 'select':
  233. if(!cm.editoptions.multiple) {
  234. tmp[nm] = $("select option:selected",this).val();
  235. tmp2[nm] = $("select option:selected", this).text();
  236. } else {
  237. var sel = $("select",this), selectedText = [];
  238. tmp[nm] = $(sel).val();
  239. if(tmp[nm]) { tmp[nm]= tmp[nm].join(","); } else { tmp[nm] =""; }
  240. $("select option:selected",this).each(
  241. function(i,selected){
  242. selectedText[i] = $(selected).text();
  243. }
  244. );
  245. tmp2[nm] = selectedText.join(",");
  246. }
  247. if(cm.formatter && cm.formatter === 'select') { tmp2={}; }
  248. elem = $("select",this);
  249. break;
  250. case 'custom' :
  251. try {
  252. if(cm.editoptions && $.isFunction(cm.editoptions.custom_value)) {
  253. tmp[nm] = cm.editoptions.custom_value.call($t, $(".customelement",this),'get');
  254. if (tmp[nm] === undefined) { throw "e2"; }
  255. } else { throw "e1"; }
  256. } catch (e) {
  257. if (e==="e1") { $.jgrid.info_dialog(errors.errcap,"function 'custom_value' "+edit.msg.nodefined,edit.bClose, {styleUI : $t.p.styleUI }); }
  258. else { $.jgrid.info_dialog(errors.errcap,e.message,edit.bClose, {styleUI : $t.p.styleUI }); }
  259. }
  260. break;
  261. }
  262. cv = $.jgrid.checkValues.call($t,tmp[nm],i);
  263. if(cv[0] === false) {
  264. index = i;
  265. return false;
  266. }
  267. if($t.p.autoencode) { tmp[nm] = $.jgrid.htmlEncode(tmp[nm]); }
  268. if(o.url !== 'clientArray' && cm.editoptions && cm.editoptions.NullIfEmpty === true) {
  269. if(tmp[nm] === "") {
  270. tmp3[nm] = 'null';
  271. nullIfEmpty = true;
  272. }
  273. }
  274. }
  275. });
  276. if (cv[0] === false){
  277. try {
  278. if( $.isFunction($t.p.validationCell) ) {
  279. $t.p.validationCell.call($t, elem, cv[1], ind.rowIndex, index);
  280. } else {
  281. var tr = $($t).jqGrid('getGridRowById', rowid),
  282. positions = $.jgrid.findPos(tr);
  283. $.jgrid.info_dialog(errors.errcap,cv[1],edit.bClose,{
  284. left:positions[0],
  285. top:positions[1]+$(tr).outerHeight(),
  286. styleUI : $t.p.styleUI,
  287. onClose: function(){
  288. if(index >= 0 ) {
  289. $("#"+rowid+"_" +$t.p.colModel[index].name).focus();
  290. }
  291. }
  292. });
  293. }
  294. } catch (e) {
  295. alert(cv[1]);
  296. }
  297. return success;
  298. }
  299. var idname, opers = $t.p.prmNames, oldRowId = rowid;
  300. if ($t.p.keyName === false) {
  301. idname = opers.id;
  302. } else {
  303. idname = $t.p.keyName;
  304. }
  305. if(tmp) {
  306. tmp[opers.oper] = opers.editoper;
  307. if (tmp[idname] === undefined || tmp[idname]==="") {
  308. tmp[idname] = rowid;
  309. } else if (ind.id !== $t.p.idPrefix + tmp[idname]) {
  310. // rename rowid
  311. var oldid = $.jgrid.stripPref($t.p.idPrefix, rowid);
  312. if ($t.p._index[oldid] !== undefined) {
  313. $t.p._index[tmp[idname]] = $t.p._index[oldid];
  314. delete $t.p._index[oldid];
  315. }
  316. rowid = $t.p.idPrefix + tmp[idname];
  317. $(ind).attr("id", rowid);
  318. if ($t.p.selrow === oldRowId) {
  319. $t.p.selrow = rowid;
  320. }
  321. if ($.isArray($t.p.selarrrow)) {
  322. var i = $.inArray(oldRowId, $t.p.selarrrow);
  323. if (i>=0) {
  324. $t.p.selarrrow[i] = rowid;
  325. }
  326. }
  327. if ($t.p.multiselect) {
  328. var newCboxId = "jqg_" + $t.p.id + "_" + rowid;
  329. $("input.cbox",ind)
  330. .attr("id", newCboxId)
  331. .attr("name", newCboxId);
  332. }
  333. // TODO: to test the case of frozen columns
  334. }
  335. if($t.p.inlineData === undefined) { $t.p.inlineData ={}; }
  336. tmp = $.extend({},tmp,$t.p.inlineData,o.extraparam);
  337. }
  338. if (o.url === 'clientArray') {
  339. tmp = $.extend({},tmp, tmp2);
  340. if($t.p.autoencode) {
  341. $.each(tmp,function(n,v){
  342. tmp[n] = $.jgrid.htmlDecode(v);
  343. });
  344. }
  345. var k, resp = $($t).jqGrid("setRowData",rowid,tmp);
  346. $(ind).attr("editable","0");
  347. for(k=0;k<$t.p.savedRow.length;k++) {
  348. if( String($t.p.savedRow[k].id) === String(oldRowId)) {fr = k; break;}
  349. }
  350. $($t).triggerHandler("jqGridInlineAfterSaveRow", [rowid, resp, tmp, o]);
  351. if( $.isFunction(o.aftersavefunc) ) { o.aftersavefunc.call($t, rowid, resp, tmp, o); }
  352. if(fr >= 0) { $t.p.savedRow.splice(fr,1); }
  353. success = true;
  354. $(ind).removeClass("jqgrid-new-row").off("keydown");
  355. } else {
  356. $($t).jqGrid("progressBar", {method:"show", loadtype : o.saveui, htmlcontent: o.savetext });
  357. tmp3 = $.extend({},tmp,tmp3);
  358. tmp3[idname] = $.jgrid.stripPref($t.p.idPrefix, tmp3[idname]);
  359. /*
  360. $.ajax($.extend({
  361. url:o.url,
  362. data: $.isFunction($t.p.serializeRowData) ? $t.p.serializeRowData.call($t, tmp3) : tmp3,
  363. type: o.mtype,
  364. async : false, //?!?
  365. complete: function(res,stat){
  366. $($t).jqGrid("progressBar", {method:"hide", loadtype : o.saveui, htmlcontent: o.savetext});
  367. if (stat === "success"){
  368. var ret = true, sucret, k;
  369. sucret = $($t).triggerHandler("jqGridInlineSuccessSaveRow", [res, rowid, o]);
  370. if (!$.isArray(sucret)) {sucret = [true, tmp3];}
  371. if (sucret[0] && $.isFunction(o.successfunc)) {sucret = o.successfunc.call($t, res);}
  372. if($.isArray(sucret)) {
  373. // expect array - status, data, rowid
  374. ret = sucret[0];
  375. tmp = sucret[1] || tmp;
  376. } else {
  377. ret = sucret;
  378. }
  379. if (ret===true) {
  380. if($t.p.autoencode) {
  381. $.each(tmp,function(n,v){
  382. tmp[n] = $.jgrid.htmlDecode(v);
  383. });
  384. }
  385. if(nullIfEmpty) {
  386. $.each(tmp,function( n ){
  387. if(tmp[n] === 'null' ) {
  388. tmp[n] = '';
  389. }
  390. });
  391. }
  392. tmp = $.extend({},tmp, tmp2);
  393. $($t).jqGrid("setRowData",rowid,tmp);
  394. $(ind).attr("editable","0");
  395. for(k=0;k<$t.p.savedRow.length;k++) {
  396. if( String($t.p.savedRow[k].id) === String(rowid)) {fr = k; break;}
  397. }
  398. $($t).triggerHandler("jqGridInlineAfterSaveRow", [rowid, res, tmp, o]);
  399. if( $.isFunction(o.aftersavefunc) ) { o.aftersavefunc.call($t, rowid, res, tmp, o); }
  400. if(fr >= 0) { $t.p.savedRow.splice(fr,1); }
  401. success = true;
  402. $(ind).removeClass("jqgrid-new-row").off("keydown");
  403. } else {
  404. $($t).triggerHandler("jqGridInlineErrorSaveRow", [rowid, res, stat, null, o]);
  405. if($.isFunction(o.errorfunc) ) {
  406. o.errorfunc.call($t, rowid, res, stat, null);
  407. }
  408. if(o.restoreAfterError === true) {
  409. $($t).jqGrid("restoreRow",rowid, o);
  410. }
  411. }
  412. }
  413. },
  414. error:function(res,stat,err){
  415. $("#lui_"+$.jgrid.jqID($t.p.id)).hide();
  416. $($t).triggerHandler("jqGridInlineErrorSaveRow", [rowid, res, stat, err, o]);
  417. if($.isFunction(o.errorfunc) ) {
  418. o.errorfunc.call($t, rowid, res, stat, err);
  419. } else {
  420. var rT = res.responseText || res.statusText;
  421. try {
  422. $.jgrid.info_dialog(errors.errcap,'<div class="'+error+'">'+ rT +'</div>', edit.bClose, {buttonalign:'right', styleUI : $t.p.styleUI });
  423. } catch(e) {
  424. alert(rT);
  425. }
  426. }
  427. if(o.restoreAfterError === true) {
  428. $($t).jqGrid("restoreRow",rowid, o);
  429. }
  430. }
  431. }, $.jgrid.ajaxOptions, $t.p.ajaxRowOptions || {}));
  432. */
  433. $($t).jqGrid("progressBar", {method:"hide", loadtype : o.saveui, htmlcontent: o.savetext});
  434. var ret = true, sucret, k;
  435. sucret = $($t).triggerHandler("jqGridInlineSuccessSaveRow", [null, rowid, o]);
  436. if (!$.isArray(sucret)) {sucret = [true, tmp3];}
  437. if (sucret[0] && $.isFunction(o.successfunc)) {sucret = o.successfunc.call($t, null);}
  438. if($.isArray(sucret)) {
  439. // expect array - status, data, rowid
  440. ret = sucret[0];
  441. tmp = sucret[1] || tmp;
  442. } else {
  443. ret = sucret;
  444. }
  445. if (ret===true) {
  446. if($t.p.autoencode) {
  447. $.each(tmp,function(n,v){
  448. tmp[n] = $.jgrid.htmlDecode(v);
  449. });
  450. }
  451. if(nullIfEmpty) {
  452. $.each(tmp,function( n ){
  453. if(tmp[n] === 'null' ) {
  454. tmp[n] = '';
  455. }
  456. });
  457. }
  458. $.each(tmp,function(n,v){
  459. tmp[n] = $.trim(v);
  460. });
  461. tmp = $.extend({},tmp, tmp2);
  462. $($t).jqGrid("setRowData",rowid,tmp);
  463. $(ind).attr("editable","0");
  464. for(k=0;k<$t.p.savedRow.length;k++) {
  465. if( String($t.p.savedRow[k].id) === String(rowid)) {fr = k; break;}
  466. }
  467. $($t).triggerHandler("jqGridInlineAfterSaveRow", [rowid, null, tmp, o]);
  468. if( $.isFunction(o.aftersavefunc) ) { o.aftersavefunc.call($t, rowid, null, tmp, o); }
  469. if(fr >= 0) { $t.p.savedRow.splice(fr,1); }
  470. success = true;
  471. $(ind).removeClass("jqgrid-new-row").off("keydown");
  472. } else {
  473. $($t).triggerHandler("jqGridInlineErrorSaveRow", [rowid, null, stat, null, o]);
  474. if($.isFunction(o.errorfunc) ) {
  475. o.errorfunc.call($t, rowid, null, stat, null);
  476. }
  477. if(o.restoreAfterError === true) {
  478. $($t).jqGrid("restoreRow",rowid, o);
  479. }
  480. }
  481. }
  482. }
  483. return success;
  484. },
  485. restoreRow : function(rowid, afterrestorefunc) {
  486. // Compatible mode old versions
  487. var args = $.makeArray(arguments).slice(1), o={};
  488. if( $.type(args[0]) === "object" ) {
  489. o = args[0];
  490. } else {
  491. if ($.isFunction(afterrestorefunc)) { o.afterrestorefunc = afterrestorefunc; }
  492. }
  493. o = $.extend(true, {}, $.jgrid.inlineEdit, o );
  494. // End compatible
  495. return this.each(function(){
  496. var $t= this, fr=-1, ind, ares={}, k;
  497. if (!$t.grid ) { return; }
  498. ind = $($t).jqGrid("getInd",rowid,true);
  499. if(ind === false) {return;}
  500. var bfcr = $.isFunction( o.beforeCancelRow ) ? o.beforeCancelRow.call($t, o, rowid) : undefined;
  501. if( bfcr === undefined ) {
  502. bfcr = true;
  503. }
  504. if(!bfcr) { return; }
  505. for(k=0;k<$t.p.savedRow.length;k++) {
  506. if( String($t.p.savedRow[k].id) === String(rowid)) {fr = k; break;}
  507. }
  508. if(fr >= 0) {
  509. if($.isFunction($.fn.datepicker)) {
  510. try {
  511. $("input.hasDatepicker","#"+$.jgrid.jqID(ind.id)).datepicker('hide');
  512. } catch (e) {}
  513. }
  514. $.each($t.p.colModel, function(){
  515. if( $t.p.savedRow[fr].hasOwnProperty(this.name)) {
  516. ares[this.name] = $t.p.savedRow[fr][this.name];
  517. }
  518. });
  519. $($t).jqGrid("setRowData",rowid,ares);
  520. $(ind).attr("editable","0").off("keydown");
  521. $t.p.savedRow.splice(fr,1);
  522. if($("#"+$.jgrid.jqID(rowid), "#"+$.jgrid.jqID($t.p.id)).hasClass("jqgrid-new-row")){
  523. setTimeout(function(){
  524. $($t).jqGrid("delRowData",rowid);
  525. $($t).jqGrid('showAddEditButtons');
  526. },0);
  527. }
  528. }
  529. $($t).triggerHandler("jqGridInlineAfterRestoreRow", [rowid]);
  530. if ($.isFunction(o.afterrestorefunc))
  531. {
  532. o.afterrestorefunc.call($t, rowid);
  533. }
  534. });
  535. },
  536. addRow : function ( p ) {
  537. p = $.extend(true, {
  538. rowID : null,
  539. initdata : {},
  540. position :"first",
  541. useDefValues : true,
  542. useFormatter : false,
  543. addRowParams : {extraparam:{}}
  544. },p || {});
  545. return this.each(function(){
  546. if (!this.grid ) { return; }
  547. var $t = this;
  548. $t.p.beforeAction = true;
  549. var bfar = $.isFunction( p.beforeAddRow ) ? p.beforeAddRow.call($t,p.addRowParams) : undefined;
  550. if( bfar === undefined ) {
  551. bfar = true;
  552. }
  553. if(!bfar) {
  554. $t.p.beforeAction = false;
  555. return;
  556. }
  557. p.rowID = $.isFunction(p.rowID) ? p.rowID.call($t, p) : ( (p.rowID != null) ? p.rowID : $.jgrid.randId());
  558. if(p.useDefValues === true) {
  559. $($t.p.colModel).each(function(){
  560. if( this.editoptions && this.editoptions.defaultValue ) {
  561. var opt = this.editoptions.defaultValue,
  562. tmp = $.isFunction(opt) ? opt.call($t) : opt;
  563. p.initdata[this.name] = tmp;
  564. }
  565. });
  566. }
  567. $($t).jqGrid('addRowData', p.rowID, p.initdata, p.position);
  568. p.rowID = $t.p.idPrefix + p.rowID;
  569. $("#"+$.jgrid.jqID(p.rowID), "#"+$.jgrid.jqID($t.p.id)).addClass("jqgrid-new-row");
  570. if(p.useFormatter) {
  571. $("#"+$.jgrid.jqID(p.rowID)+" .ui-inline-edit", "#"+$.jgrid.jqID($t.p.id)).click();
  572. } else {
  573. var opers = $t.p.prmNames,
  574. oper = opers.oper;
  575. p.addRowParams.extraparam[oper] = opers.addoper;
  576. $($t).jqGrid('editRow', p.rowID, p.addRowParams);
  577. $($t).jqGrid('setSelection', p.rowID);
  578. }
  579. });
  580. },
  581. inlineNav : function (elem, o) {
  582. var $t = this[0],
  583. regional = $.jgrid.getRegional($t, 'nav'),
  584. icons = $.jgrid.styleUI[$t.p.styleUI].inlinedit;
  585. o = $.extend(true,{
  586. edit: true,
  587. editicon: icons.icon_edit_nav,
  588. add: true,
  589. addicon:icons.icon_add_nav,
  590. save: true,
  591. saveicon: icons.icon_save_nav,
  592. cancel: true,
  593. cancelicon: icons.icon_cancel_nav,
  594. addParams : {addRowParams: {extraparam: {}}},
  595. editParams : {},
  596. restoreAfterSelect : true,
  597. saveAfterSelect : false
  598. }, regional, o ||{});
  599. return this.each(function(){
  600. if (!this.grid || this.p.inlineNav) { return; }
  601. var gID = $.jgrid.jqID($t.p.id),
  602. disabled = $.trim( $($t).jqGrid('getStyleUI', $t.p.styleUI+'.common', 'disabled', true) );
  603. // check to see if navgrid is started, if not call it with all false parameters.
  604. if(!$t.p.navGrid) {
  605. $($t).jqGrid('navGrid',elem, {refresh:false, edit: false, add: false, del: false, search: false, view: false});
  606. }
  607. if(!$($t).data('inlineNav')) {
  608. $($t).data('inlineNav',o);
  609. }
  610. if($t.p.force_regional) {
  611. o = $.extend(o, regional);
  612. }
  613. $t.p.inlineNav = true;
  614. // detect the formatactions column
  615. if(o.addParams.useFormatter === true) {
  616. var cm = $t.p.colModel,i;
  617. for (i = 0; i<cm.length; i++) {
  618. if(cm[i].formatter && cm[i].formatter === "actions" ) {
  619. if(cm[i].formatoptions) {
  620. var defaults = {
  621. keys:false,
  622. onEdit : null,
  623. onSuccess: null,
  624. afterSave:null,
  625. onError: null,
  626. afterRestore: null,
  627. extraparam: {},
  628. url: null
  629. },
  630. ap = $.extend( defaults, cm[i].formatoptions );
  631. o.addParams.addRowParams = {
  632. "keys" : ap.keys,
  633. "oneditfunc" : ap.onEdit,
  634. "successfunc" : ap.onSuccess,
  635. "url" : ap.url,
  636. "extraparam" : ap.extraparam,
  637. "aftersavefunc" : ap.afterSave,
  638. "errorfunc": ap.onError,
  639. "afterrestorefunc" : ap.afterRestore
  640. };
  641. }
  642. break;
  643. }
  644. }
  645. }
  646. if(o.add) {
  647. $($t).jqGrid('navButtonAdd', elem,{
  648. caption : o.addtext,
  649. title : o.addtitle,
  650. buttonicon : o.addicon,
  651. id : $t.p.id+"_iladd",
  652. internal : true,
  653. onClickButton : function () {
  654. if($t.p.beforeAction === undefined) {
  655. $t.p.beforeAction = true;
  656. }
  657. $($t).jqGrid('addRow', o.addParams);
  658. if(!o.addParams.useFormatter && $t.p.beforeAction) {
  659. $("#"+gID+"_ilsave").removeClass( disabled );
  660. $("#"+gID+"_ilcancel").removeClass( disabled );
  661. $("#"+gID+"_iladd").addClass( disabled );
  662. $("#"+gID+"_iledit").addClass( disabled );
  663. }
  664. }
  665. });
  666. }
  667. if(o.edit) {
  668. $($t).jqGrid('navButtonAdd', elem,{
  669. caption : o.edittext,
  670. title : o.edittitle,
  671. buttonicon : o.editicon,
  672. id : $t.p.id+"_iledit",
  673. internal : true,
  674. onClickButton : function () {
  675. var sr = $($t).jqGrid('getGridParam','selrow');
  676. if(sr) {
  677. if($t.p.beforeAction === undefined) {
  678. $t.p.beforeAction = true;
  679. }
  680. $($t).jqGrid('editRow', sr, o.editParams);
  681. if($t.p.beforeAction) {
  682. $("#"+gID+"_ilsave").removeClass( disabled );
  683. $("#"+gID+"_ilcancel").removeClass( disabled );
  684. $("#"+gID+"_iladd").addClass( disabled );
  685. $("#"+gID+"_iledit").addClass( disabled );
  686. }
  687. } else {
  688. $.jgrid.viewModal("#alertmod_"+gID, {gbox:"#gbox_"+gID,jqm:true});$("#jqg_alrt").focus();
  689. }
  690. }
  691. });
  692. }
  693. if(o.save) {
  694. $($t).jqGrid('navButtonAdd', elem,{
  695. caption : o.savetext || '',
  696. title : o.savetitle || 'Save row',
  697. buttonicon : o.saveicon,
  698. id : $t.p.id+"_ilsave",
  699. internal : true,
  700. onClickButton : function () {
  701. var sr = $t.p.savedRow[0].id;
  702. if(sr) {
  703. var opers = $t.p.prmNames,
  704. oper = opers.oper, tmpParams = o.editParams;
  705. if($("#"+$.jgrid.jqID(sr), "#"+gID ).hasClass("jqgrid-new-row")) {
  706. o.addParams.addRowParams.extraparam[oper] = opers.addoper;
  707. tmpParams = o.addParams.addRowParams;
  708. } else {
  709. if(!o.editParams.extraparam) {
  710. o.editParams.extraparam = {};
  711. }
  712. o.editParams.extraparam[oper] = opers.editoper;
  713. }
  714. if( $($t).jqGrid('saveRow', sr, tmpParams) ) {
  715. $($t).jqGrid('showAddEditButtons');
  716. }
  717. } else {
  718. $.jgrid.viewModal("#alertmod_"+gID, {gbox:"#gbox_"+gID,jqm:true});$("#jqg_alrt").focus();
  719. }
  720. }
  721. });
  722. $("#"+gID+"_ilsave").addClass( disabled );
  723. }
  724. if(o.cancel) {
  725. $($t).jqGrid('navButtonAdd', elem,{
  726. caption : o.canceltext || '',
  727. title : o.canceltitle || 'Cancel row editing',
  728. buttonicon : o.cancelicon,
  729. id : $t.p.id+"_ilcancel",
  730. internal : true,
  731. onClickButton : function () {
  732. var sr = $t.p.savedRow[0].id, cancelPrm = o.editParams;
  733. if(sr) {
  734. if($("#"+$.jgrid.jqID(sr), "#"+gID ).hasClass("jqgrid-new-row")) {
  735. cancelPrm = o.addParams.addRowParams;
  736. }
  737. $($t).jqGrid('restoreRow', sr, cancelPrm);
  738. $($t).jqGrid('showAddEditButtons');
  739. } else {
  740. $.jgrid.viewModal("#alertmod",{gbox:"#gbox_"+gID,jqm:true});$("#jqg_alrt").focus();
  741. }
  742. }
  743. });
  744. $("#"+gID+"_ilcancel").addClass( disabled );
  745. }
  746. if(o.restoreAfterSelect === true || o.saveAfterSelect === true) {
  747. $($t).on("jqGridBeforeSelectRow.inlineNav", function( event, id ) {
  748. if($t.p.savedRow.length > 0 && $t.p.inlineNav===true && ( id !== $t.p.selrow && $t.p.selrow !==null) ) {
  749. var success = true;
  750. if($t.p.selrow === o.addParams.rowID ) {
  751. $($t).jqGrid('delRowData', $t.p.selrow);
  752. } else {
  753. if(o.restoreAfterSelect === true) {
  754. $($t).jqGrid('restoreRow', $t.p.selrow, o.editParams);
  755. } else {
  756. success = $($t).jqGrid('saveRow', $t.p.selrow, o.editParams);
  757. }
  758. }
  759. if(success) {
  760. $($t).jqGrid('showAddEditButtons');
  761. }
  762. }
  763. });
  764. }
  765. });
  766. },
  767. showAddEditButtons : function() {
  768. return this.each(function(){
  769. if (!this.grid ) { return; }
  770. var gID = $.jgrid.jqID(this.p.id),
  771. disabled = $.trim( $(this).jqGrid('getStyleUI', this.p.styleUI+'.common', 'disabled', true) );
  772. $("#"+gID+"_ilsave").addClass( disabled );
  773. $("#"+gID+"_ilcancel").addClass( disabled );
  774. $("#"+gID+"_iladd").removeClass( disabled );
  775. $("#"+gID+"_iledit").removeClass( disabled );
  776. });
  777. },
  778. showSaveCancelButtons : function() {
  779. return this.each(function(){
  780. if (!this.grid ) { return; }
  781. var gID = $.jgrid.jqID(this.p.id),
  782. disabled = $.trim( $(this).jqGrid('getStyleUI', this.p.styleUI+'.common', 'disabled', true) );
  783. $("#"+gID+"_ilsave").removeClass( disabled );
  784. $("#"+gID+"_ilcancel").removeClass( disabled );
  785. $("#"+gID+"_iladd").addClass( disabled );
  786. $("#"+gID+"_iledit").addClass( disabled );
  787. });
  788. }
  789. //end inline edit
  790. });
  791. //module end
  792. }));