MultiForm.js 16 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490
  1. Ext.QuickTips.init();
  2. Ext.define('erp.controller.oa.custom.MultiForm', {
  3. extend: 'Ext.app.Controller',
  4. requires: ['erp.util.FormUtil', 'erp.util.GridUtil'],
  5. views:[
  6. 'oa.custom.MultiForm','oa.custom.CustomGrid','ma.MyForm','ma.MyDetail','core.button.DeleteDetail','core.toolbar.Toolbar',
  7. 'core.trigger.DbfindTrigger','core.trigger.MultiDbfindTrigger','core.grid.TfColumn','core.grid.YnColumn',
  8. 'core.button.UUListener', 'core.button.DbfindButton','core.button.ComboButton', 'core.form.YnField',
  9. 'core.button.Sync','core.form.CheckBoxGroup'
  10. ],
  11. init:function(){
  12. var me = this;
  13. me.FormUtil = Ext.create('erp.util.FormUtil');
  14. me.GridUtil = Ext.create('erp.util.GridUtil');
  15. this.control({
  16. 'erpSyncButton': {
  17. afterrender: function(btn){
  18. btn.autoClearCache = true;
  19. }
  20. },
  21. 'multidbfindtrigger': {
  22. render: function(field){
  23. if(field.name == 'fo_button4add' || field.name == 'fo_button4rw'){
  24. var fields = Ext.Object.getKeys($I18N.common.button);
  25. var values = Ext.Object.getValues($I18N.common.button);
  26. var data = [];
  27. Ext.each(fields, function(f, index){
  28. var o = {};
  29. o.value = fields[index];
  30. o.display = values[index];
  31. data.push(o);
  32. });
  33. field.multistore = {fields:['display', 'value'],data:data};
  34. }
  35. }
  36. },
  37. 'mygrid': {
  38. select: function(selModel, record){
  39. this.GridUtil.onGridItemClick(selModel, record);
  40. var grid=Ext.getCmp('grid');
  41. if(record&&record.data.fd_dbfind != 'F') {
  42. grid.down('erpDbfindButton').setDisabled(false);
  43. grid.down('erpComboButton').setDisabled(true);
  44. }else if(record && record.data.fd_type == 'C') {
  45. grid.down('erpComboButton').setDisabled(false);
  46. grid.down('erpDbfindButton').setDisabled(true);
  47. }else {
  48. grid.down('erpComboButton').setDisabled(true);
  49. grid.down('erpDbfindButton').setDisabled(true);
  50. }
  51. }
  52. },
  53. 'mydetail': {
  54. select: function(selModel, record){
  55. this.GridUtil.onGridItemClick(selModel, record, 'detail');
  56. var grid=Ext.getCmp('detail');
  57. if(record&&record.data.dg_dbbutton != '0') {
  58. grid.down('erpDbfindButton').setDisabled(false);
  59. grid.down('erpComboButton').setDisabled(true);
  60. }else if(record && (record.data.dg_type == 'combo' || record.data.dg_type=='editcombo')) {
  61. grid.down('erpDbfindButton').setDisabled(true);
  62. grid.down('erpComboButton').setDisabled(false);
  63. }else {
  64. grid.down('erpComboButton').setDisabled(true);
  65. grid.down('erpDbfindButton').setDisabled(true);
  66. }
  67. }
  68. },
  69. 'button[name=save]': {
  70. click: function(btn){
  71. me.save();
  72. }
  73. },
  74. 'erpDeleteDetailButton': {
  75. afterrender: function(btn){
  76. btn.ownerCt.add({
  77. xtype:'erpDbfindButton'
  78. });
  79. btn.ownerCt.add({
  80. xtype:'erpComboButton'
  81. });
  82. }
  83. },
  84. /**
  85. * 下拉框设置
  86. */
  87. 'erpComboButton': {
  88. click: function(btn){
  89. var activeTab = btn.up('tabpanel').getActiveTab();
  90. var record = activeTab.down('gridpanel').selModel.lastSelected;
  91. if(record) {
  92. if(activeTab.id == 'maintab'){
  93. if(record.data.fd_type == 'C') {
  94. btn.comboSet(Ext.getCmp('fo_caller').value, record.data.fd_field);
  95. }
  96. } else {
  97. if(record.data.dg_type == 'combo')
  98. btn.comboSet(Ext.getCmp('fo_caller').value, record.data.dg_field);
  99. }
  100. }
  101. }
  102. },
  103. /**
  104. * DBFind设置
  105. */
  106. 'erpDbfindButton': {
  107. click: function(btn){
  108. var activeTab = btn.up('tabpanel').getActiveTab();
  109. var record = activeTab.down('gridpanel').selModel.lastSelected;
  110. if(record) {
  111. if(activeTab.id == 'maintab'){
  112. if(record.data.fd_dbfind != 'F')
  113. btn.dbfindSetUI(Ext.getCmp('fo_caller').value, record.data.fd_field);
  114. }else {
  115. if(record.data.dg_dbbutton != '0')
  116. btn.dbfindSetGrid(Ext.getCmp('fo_caller').value, activeTab.down('gridpanel'), record.data.dg_field);
  117. }
  118. }
  119. }
  120. },
  121. 'button[name=delete]': {
  122. click: function(btn){
  123. me.FormUtil.onDelete(Ext.getCmp('fo_id').value);
  124. }
  125. },
  126. 'button[name=close]': {
  127. click: function(btn){
  128. me.FormUtil.beforeClose(me);
  129. }
  130. },
  131. /*'textfield[name=fo_table]': {
  132. change: function(field){
  133. var grid = Ext.getCmp('grid');
  134. if(grid) {
  135. var val = field.value.toUpperCase().split(' ')[0];
  136. Ext.Array.each(grid.store.data.items, function(item){
  137. if(item.data['fd_field'] != null && item.data['fd_field'] != ''){
  138. var t = item.data['fd_table'];
  139. if(val != t.toUpperCase()){
  140. item.set('fd_table', val);
  141. }
  142. }
  143. });
  144. }
  145. }
  146. },*/
  147. 'textfield[name=fo_detailtable]': {
  148. change: function(field){
  149. var grid = Ext.getCmp('detail');
  150. if(grid) {
  151. var val = field.value.toUpperCase().split(' ')[0];
  152. Ext.each(grid.store.items, function(){
  153. var t = this.data['dg_table'];
  154. if(t != null && t != ''){
  155. if(val != t.toUpperCase()){
  156. this.set('dg_table', val);
  157. }
  158. }
  159. });
  160. }
  161. }
  162. },
  163. 'panel[id=detailtab]': {
  164. activate: function(){
  165. // var dt = Ext.getCmp('fo_detailtable').value;
  166. // if(dt == null || dt == ''){
  167. // showError("[主表]->[从表资料]->[明细表名]还未填写!");
  168. // Ext.getCmp('mytab').setActiveTab(0);
  169. // } else {
  170. // //判断detailtable的主键字段是否加到了detailgrid里面
  171. // me.insertKeyField();
  172. // //判断detailtable与主表关联的字段是否加到了detailgrid里面
  173. // me.insertMainField();
  174. // }
  175. }
  176. },
  177. 'button[name=preview]': {
  178. click: function(){
  179. }
  180. },
  181. 'erpCloseButton':{
  182. beforerender:function(btn){
  183. btn.handler= function(btn){
  184. var win = parent.Ext.ComponentQuery.query('window');
  185. if(win){
  186. Ext.each(win, function(){
  187. this.close();
  188. });
  189. } else {
  190. window.close();
  191. }
  192. };
  193. }
  194. }
  195. });
  196. },
  197. insertKeyField: function(){
  198. var grid = Ext.getCmp('detail');
  199. var field = Ext.getCmp('fo_detailkeyfield');
  200. var count = 0;
  201. Ext.each(grid.store.data.items, function(){
  202. var logic = this.data['dg_logictype'];
  203. var t = this.data['dg_field'];
  204. if(field.value.toUpperCase() == t.toUpperCase()){
  205. this.set('dg_logictype', 'keyField');
  206. logic = 'keyField';
  207. if(count >= 2){
  208. if(this.data['dg_id'] == null || this.data['dg_id'] == ''){
  209. grid.store.remove(this);
  210. }
  211. }
  212. }
  213. if(logic == 'keyField'){
  214. count++;
  215. if(count < 2 && field.value.toUpperCase() != t.toUpperCase()){
  216. this.set('dg_field', field.value);
  217. }
  218. if(count >= 2){
  219. if(this.data['dg_id'] == null || this.data['dg_id'] == ''){
  220. grid.store.remove(this);
  221. }
  222. }
  223. }
  224. });
  225. if(count == 0){
  226. grid.store.add({
  227. dg_sequence: grid.store.data.items[grid.store.data.length-1].data['dg_sequence'] + 1,
  228. dg_logictype: 'keyField',
  229. dg_field: field.value,
  230. dg_caption: 'ID',
  231. dg_table: Ext.getCmp('fo_detailtable').value,
  232. dg_caller: Ext.getCmp('fo_caller').value,
  233. dg_width: 0,
  234. dg_visible: '0',
  235. dg_type: 'numbercolumn',
  236. dg_editable: '0',
  237. dg_dbbutton: '0'
  238. });
  239. } else if(count > 1){
  240. showError("您的从表中有" + count + "个逻辑类型为[主键字段]的字段,请仔细核查!");
  241. }
  242. },
  243. insertMainField: function(){
  244. var grid = Ext.getCmp('detail');
  245. var field = Ext.getCmp('fo_detailmainkeyfield');
  246. var count = 0;
  247. Ext.each(grid.store.data.items, function(){
  248. var logic = this.data['dg_logictype'];
  249. var t = this.data['dg_field'];
  250. if(field.value.toUpperCase() == t.toUpperCase()){
  251. this.set('dg_logictype', 'mainField');
  252. logic = 'mainField';
  253. if(count >= 2){
  254. if(this.data['dg_id'] == null || this.data['dg_id'] == ''){
  255. grid.store.remove(this);
  256. }
  257. }
  258. }
  259. if(logic == 'mainField'){
  260. count++;
  261. if(count < 2 && field.value.toUpperCase() != t.toUpperCase()){
  262. this.set('dg_field', field.value);
  263. }
  264. if(count >= 2){
  265. if(this.data['dg_id'] == null || this.data['dg_id'] == ''){
  266. grid.store.remove(this);
  267. }
  268. }
  269. }
  270. });
  271. if(count == 0){
  272. grid.store.add({
  273. dg_sequence: grid.store.data.items[grid.store.data.length-1].data['dg_sequence'] + 1,
  274. dg_logictype: 'mainField',
  275. dg_field: field.value,
  276. dg_caption: 'MainID',
  277. dg_table: Ext.getCmp('fo_detailtable').value,
  278. dg_caller: Ext.getCmp('fo_caller').value,
  279. dg_width: 0,
  280. dg_visible: '0',
  281. dg_type: 'text',
  282. dg_editable: '0',
  283. dg_dbbutton: '0'
  284. });
  285. } else if(count > 1){
  286. showError("您的从表中有" + count + "个逻辑类型为[关联主表字段]的字段,请仔细核查!");
  287. }
  288. },
  289. createPreForm: function(){
  290. var form = Ext.create('Ext.form.Panel', {
  291. });
  292. },
  293. createPreGrid: function(){
  294. },
  295. createFormItem: function(record){
  296. },
  297. save: function(){
  298. var me = this;
  299. var forms = Ext.ComponentQuery.query('myform'), formData = [], added = [], updated = [], deleted = [];
  300. if(forms[0].down('field[name=fo_caller]').value==''){
  301. showError('CALLER名不能为空');return ;
  302. }
  303. if(forms[0].down('field[name=fo_title]').value==''){
  304. showError('界面名称不能为空');return ;
  305. }
  306. var flowcaller=forms[0].down('field[name=fo_flowcaller]');
  307. if(!flowcaller.value){
  308. flowcaller.setValue(forms[0].down('field[name=fo_caller]').value);
  309. }
  310. Ext.Array.each(forms, function(form){
  311. var grid = form.ownerCt.down('customgrid');
  312. var field = form.down('field[name=fo_table]'), val = field.value.split(' ')[0],
  313. id = form.dataId || form.down('field[name=fo_id]').value;
  314. grid.store.each(function(item){
  315. item.set('fd_foid', id);
  316. if(item.get('deploy') && !Ext.isEmpty(item.get('fd_field'))){
  317. if(Ext.isEmpty(item.get('fd_table'))){
  318. item.set('fd_table', val);
  319. }
  320. if(item.get('fd_field')=='CT_CALLER'){
  321. item.set('fd_defaultvalue',forms[0].down('field[name=fo_caller]').value);
  322. }
  323. if(item.get('fd_field')=='ct_sourcekind'){
  324. item.set('fd_defaultvalue',forms[0].down('field[name=fo_title]').value);
  325. }
  326. }
  327. });
  328. formData.push(form.getValues());
  329. var dd = grid.getChange();
  330. if(!forms[0].down('field[name=fo_id]').value){
  331. var items =grid.store.data.items,d= null,e = null;
  332. var arrayfix = ['ct_id','ct_code','ct_recorder','ct_recorddate','ct_status','ct_statuscode','ct_auditman','ct_auditdate'];
  333. Ext.each(items, function(item){
  334. d = item.data;
  335. e = grid.removeKey(d, 'deploy');
  336. if(item.get('deploy') && !Ext.isEmpty(item.get('fd_field'))&&Ext.Array.indexOf(arrayfix,item.get('fd_field').toLowerCase(),0)>-1
  337. //&&item.get('fd_field')!='CT_CALLER'&&item.get('fd_field')!='ct_sourcekind'
  338. ){
  339. added.push(e);
  340. }
  341. });
  342. }
  343. added = Ext.Array.merge(added, dd.added);
  344. updated = Ext.Array.merge(updated, dd.updated);
  345. deleted = Ext.Array.merge(deleted, dd.deleted);
  346. });
  347. var details = Ext.ComponentQuery.query('mydetail'), gridAdded = [], gridUpdated = [], gridDeleted = [];
  348. if (details) {
  349. if(!forms[0].down('field[name=fo_id]').value){
  350. var g=details[0],items = g.store.data.items,d = null,e = null;
  351. var arrayfix = ['cd_id','cd_ctid','cd_detno'];
  352. Ext.each(items, function(item){
  353. d = item.data;
  354. e = g.removeKey(d, 'deploy');
  355. if(d['deploy'] == true&&Ext.Array.indexOf(arrayfix,d['dg_field'].toLowerCase(),0)>-1) {
  356. gridAdded.push(e);
  357. }
  358. });
  359. }
  360. Ext.Array.each(details, function(detail){
  361. de = detail.getChange();console.log(de);
  362. gridAdded = Ext.Array.merge(gridAdded, de.added);
  363. gridUpdated = Ext.Array.merge(gridUpdated, de.updated);
  364. gridDeleted = Ext.Array.merge(gridDeleted, de.deleted);
  365. });
  366. }
  367. Ext.Array.each(formData, function(d){
  368. var keys = Ext.Object.getKeys(d);
  369. for(k in keys) {
  370. if (keys[k].indexOf('ext-') > -1)
  371. delete d[keys[k]];
  372. }
  373. });
  374. if(forms[0].down('field[name=fo_id]').value){
  375. me.onSave(unescape(escape(Ext.encode(formData))), unescape(Ext.encode(added).toString()),
  376. unescape(Ext.encode(updated).toString()), unescape(Ext.encode(deleted).toString()),
  377. unescape(Ext.encode(gridAdded).toString()), unescape(Ext.encode(gridUpdated).toString()), unescape(Ext.encode(gridDeleted).toString()));
  378. }else {console.log(added);console.log(gridAdded);
  379. Ext.Ajax.request({
  380. url : basePath + forms[0].getIdUrl,
  381. method : 'get',
  382. async: false,
  383. callback : function(options,success,response){
  384. var rs = new Ext.decode(response.responseText);
  385. if(rs.exceptionInfo){
  386. showError(rs.exceptionInfo);return;
  387. }
  388. if(rs.success){
  389. //forms[0].down('field[name=fo_id]').setValue(rs.id);
  390. formData[0].fo_id=rs.id;
  391. }
  392. }
  393. });
  394. Ext.Array.each(gridAdded,function(d){
  395. if(!d['dg_caller']){
  396. d['dg_caller']=forms[0].down('field[name=fo_caller]').value;
  397. }
  398. });
  399. //me.FormUtil.save(formData[0],Ext.encode(added), Ext.encode(gridAdded));
  400. console.log( forms[0].saveUrl);
  401. me.FormUtil.setLoading(true);
  402. Ext.Ajax.request({
  403. url : basePath + forms[0].saveUrl,
  404. params : {
  405. formStore:unescape(escape(Ext.JSON.encode(formData))),
  406. param:Ext.encode(added).toString(),
  407. param2:Ext.encode(gridAdded).toString()
  408. },
  409. method : 'post',
  410. callback : function(options,success,response){
  411. me.FormUtil.setLoading(false);
  412. var localJson = new Ext.decode(response.responseText);
  413. if(localJson.success){
  414. saveSuccess(function(){
  415. //add成功后刷新页面进入可编辑的页面
  416. var value =formData[0].fo_id,form=forms[0];
  417. window.location.href = window.location.href +"&formCondition=fo_id="+formData[0].fo_id+"&gridCondition=fd_foid="+formData[0].fo_id+"&whoami="+formData[0].fo_caller;
  418. });
  419. } else if(localJson.exceptionInfo){
  420. var str = localJson.exceptionInfo;
  421. if(str.trim().substr(0, 12) == 'AFTERSUCCESS'){//特殊情况:操作成功,但是出现警告,允许刷新页面
  422. str = str.replace('AFTERSUCCESS', '');
  423. saveSuccess(function(){
  424. //add成功后刷新页面进入可编辑的页面
  425. var value =formData[0].fo_id,form=forms[0];
  426. var formCondition = form.keyField + "IS" + value ;
  427. var gridCondition = '';
  428. var grid = Ext.getCmp('grid');
  429. if(grid && grid.mainField){
  430. gridCondition = grid.mainField + "IS" + value;
  431. }
  432. if(me.contains(window.location.href, '?', true)){
  433. window.location.href = window.location.href + '&formCondition=' +
  434. formCondition + '&gridCondition=' + gridCondition;
  435. } else {
  436. window.location.href = window.location.href + '?formCondition=' +
  437. formCondition + '&gridCondition=' + gridCondition;
  438. }
  439. });
  440. showError(str);
  441. } else {
  442. showError(str);
  443. return;
  444. }
  445. } else{
  446. saveFailure();//@i18n/i18n.js
  447. }
  448. }
  449. });
  450. }
  451. },
  452. onSave: function(formData, formAdded, formUpdated, formDeleted, gridAdded, gridUpdated, gridDeleted){
  453. var me = this;
  454. me.FormUtil.setLoading(true);
  455. Ext.Ajax.request({
  456. url : basePath + 'ma/updateMultiForm.action',
  457. params: {
  458. formData: formData,
  459. formAdded: formAdded,
  460. formUpdated: formUpdated,
  461. formDeleted: formDeleted,
  462. gridAdded: gridAdded,
  463. gridUpdated: gridUpdated,
  464. gridDeleted: gridDeleted
  465. },
  466. method : 'post',
  467. callback : function(opt, s, res){
  468. me.FormUtil.setLoading(false);
  469. var rs = new Ext.decode(res.responseText);
  470. if(rs.success){
  471. showMessage('提示', '保存成功!', 1000);
  472. window.location.reload();
  473. } else if(rs.exceptionInfo){
  474. var str = rs.exceptionInfo;
  475. if(str.trim().substr(0, 12) == 'AFTERSUCCESS'){
  476. str = str.replace('AFTERSUCCESS', '');
  477. window.location.reload();
  478. }
  479. showError(str);return;
  480. } else {
  481. showMessage('提示', '保存失败!');
  482. }
  483. }
  484. });
  485. }
  486. });