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. beforerender:function(btn){
  128. btn.handler=function(){
  129. parent.Ext.getCmp('mainwin').close();
  130. };
  131. }
  132. },
  133. /*'textfield[name=fo_table]': {
  134. change: function(field){
  135. var grid = Ext.getCmp('grid');
  136. if(grid) {
  137. var val = field.value.toUpperCase().split(' ')[0];
  138. Ext.Array.each(grid.store.data.items, function(item){
  139. if(item.data['fd_field'] != null && item.data['fd_field'] != ''){
  140. var t = item.data['fd_table'];
  141. if(val != t.toUpperCase()){
  142. item.set('fd_table', val);
  143. }
  144. }
  145. });
  146. }
  147. }
  148. },*/
  149. 'textfield[name=fo_detailtable]': {
  150. change: function(field){
  151. var grid = Ext.getCmp('detail');
  152. if(grid) {
  153. var val = field.value.toUpperCase().split(' ')[0];
  154. Ext.each(grid.store.items, function(){
  155. var t = this.data['dg_table'];
  156. if(t != null && t != ''){
  157. if(val != t.toUpperCase()){
  158. this.set('dg_table', val);
  159. }
  160. }
  161. });
  162. }
  163. }
  164. },
  165. 'panel[id=detailtab]': {
  166. activate: function(){
  167. // var dt = Ext.getCmp('fo_detailtable').value;
  168. // if(dt == null || dt == ''){
  169. // showError("[主表]->[从表资料]->[明细表名]还未填写!");
  170. // Ext.getCmp('mytab').setActiveTab(0);
  171. // } else {
  172. // //判断detailtable的主键字段是否加到了detailgrid里面
  173. // me.insertKeyField();
  174. // //判断detailtable与主表关联的字段是否加到了detailgrid里面
  175. // me.insertMainField();
  176. // }
  177. }
  178. },
  179. 'button[name=preview]': {
  180. click: function(){
  181. }
  182. },
  183. 'erpCloseButton':{
  184. beforerender:function(btn){
  185. btn.handler= function(btn){
  186. var win = parent.Ext.ComponentQuery.query('window');
  187. if(win){
  188. Ext.each(win, function(){
  189. this.close();
  190. });
  191. } else {
  192. window.close();
  193. }
  194. };
  195. }
  196. }
  197. });
  198. },
  199. insertKeyField: function(){
  200. var grid = Ext.getCmp('detail');
  201. var field = Ext.getCmp('fo_detailkeyfield');
  202. var count = 0;
  203. Ext.each(grid.store.data.items, function(){
  204. var logic = this.data['dg_logictype'];
  205. var t = this.data['dg_field'];
  206. if(field.value.toUpperCase() == t.toUpperCase()){
  207. this.set('dg_logictype', 'keyField');
  208. logic = 'keyField';
  209. if(count >= 2){
  210. if(this.data['dg_id'] == null || this.data['dg_id'] == ''){
  211. grid.store.remove(this);
  212. }
  213. }
  214. }
  215. if(logic == 'keyField'){
  216. count++;
  217. if(count < 2 && field.value.toUpperCase() != t.toUpperCase()){
  218. this.set('dg_field', field.value);
  219. }
  220. if(count >= 2){
  221. if(this.data['dg_id'] == null || this.data['dg_id'] == ''){
  222. grid.store.remove(this);
  223. }
  224. }
  225. }
  226. });
  227. if(count == 0){
  228. grid.store.add({
  229. dg_sequence: grid.store.data.items[grid.store.data.length-1].data['dg_sequence'] + 1,
  230. dg_logictype: 'keyField',
  231. dg_field: field.value,
  232. dg_caption: 'ID',
  233. dg_table: Ext.getCmp('fo_detailtable').value,
  234. dg_caller: Ext.getCmp('fo_caller').value,
  235. dg_width: 0,
  236. dg_visible: '0',
  237. dg_type: 'numbercolumn',
  238. dg_editable: '0',
  239. dg_dbbutton: '0'
  240. });
  241. } else if(count > 1){
  242. showError("您的从表中有" + count + "个逻辑类型为[主键字段]的字段,请仔细核查!");
  243. }
  244. },
  245. insertMainField: function(){
  246. var grid = Ext.getCmp('detail');
  247. var field = Ext.getCmp('fo_detailmainkeyfield');
  248. var count = 0;
  249. Ext.each(grid.store.data.items, function(){
  250. var logic = this.data['dg_logictype'];
  251. var t = this.data['dg_field'];
  252. if(field.value.toUpperCase() == t.toUpperCase()){
  253. this.set('dg_logictype', 'mainField');
  254. logic = 'mainField';
  255. if(count >= 2){
  256. if(this.data['dg_id'] == null || this.data['dg_id'] == ''){
  257. grid.store.remove(this);
  258. }
  259. }
  260. }
  261. if(logic == 'mainField'){
  262. count++;
  263. if(count < 2 && field.value.toUpperCase() != t.toUpperCase()){
  264. this.set('dg_field', field.value);
  265. }
  266. if(count >= 2){
  267. if(this.data['dg_id'] == null || this.data['dg_id'] == ''){
  268. grid.store.remove(this);
  269. }
  270. }
  271. }
  272. });
  273. if(count == 0){
  274. grid.store.add({
  275. dg_sequence: grid.store.data.items[grid.store.data.length-1].data['dg_sequence'] + 1,
  276. dg_logictype: 'mainField',
  277. dg_field: field.value,
  278. dg_caption: 'MainID',
  279. dg_table: Ext.getCmp('fo_detailtable').value,
  280. dg_caller: Ext.getCmp('fo_caller').value,
  281. dg_width: 0,
  282. dg_visible: '0',
  283. dg_type: 'text',
  284. dg_editable: '0',
  285. dg_dbbutton: '0'
  286. });
  287. } else if(count > 1){
  288. showError("您的从表中有" + count + "个逻辑类型为[关联主表字段]的字段,请仔细核查!");
  289. }
  290. },
  291. createPreForm: function(){
  292. var form = Ext.create('Ext.form.Panel', {
  293. });
  294. },
  295. createPreGrid: function(){
  296. },
  297. createFormItem: function(record){
  298. },
  299. save: function(){
  300. var me = this;
  301. var forms = Ext.ComponentQuery.query('myform'), formData = [], added = [], updated = [], deleted = [];
  302. if(forms[0].down('field[name=fo_caller]').value==''){
  303. showError('CALLER名不能为空');return ;
  304. }
  305. if(forms[0].down('field[name=fo_title]').value==''){
  306. showError('界面名称不能为空');return ;
  307. }
  308. var flowcaller=forms[0].down('field[name=fo_flowcaller]');
  309. if(!flowcaller.value){
  310. flowcaller.setValue(forms[0].down('field[name=fo_caller]').value);
  311. }
  312. Ext.Array.each(forms, function(form){
  313. var grid = form.ownerCt.down('customgrid');
  314. var field = form.down('field[name=fo_table]'), val = field.value.split(' ')[0],
  315. id = form.dataId || form.down('field[name=fo_id]').value;
  316. grid.store.each(function(item){
  317. item.set('fd_foid', id);
  318. if(item.get('deploy') && !Ext.isEmpty(item.get('fd_field'))){
  319. if(Ext.isEmpty(item.get('fd_table'))){
  320. item.set('fd_table', val);
  321. }
  322. if(item.get('fd_field')=='CT_CALLER'){
  323. item.set('fd_defaultvalue',forms[0].down('field[name=fo_caller]').value);
  324. }
  325. if(item.get('fd_field')=='ct_sourcekind'){
  326. item.set('fd_defaultvalue',forms[0].down('field[name=fo_title]').value);
  327. }
  328. }
  329. });
  330. formData.push(form.getValues());
  331. var dd = grid.getChange();
  332. added = Ext.Array.merge(added, dd.added);
  333. if(!forms[0].down('field[name=fo_id]').value){
  334. var temp=Ext.Array.pluck(added, 'fd_field');
  335. var items =grid.store.data.items,d= null,e = null;
  336. var arrayfix = ['ct_id','ct_code','ct_recorder','ct_recorddate','ct_status','ct_statuscode','ct_auditman','ct_auditdate'];
  337. Ext.each(items, function(item){
  338. d = item.data;
  339. e = grid.removeKey(d, 'deploy');
  340. if(item.get('deploy') && !Ext.isEmpty(item.get('fd_field'))&&Ext.Array.indexOf(arrayfix,item.get('fd_field').toLowerCase(),0)>-1
  341. &&Ext.Array.indexOf(temp,item.get('fd_field'))==-1
  342. ){
  343. added.push(e);
  344. }
  345. });
  346. }
  347. updated = Ext.Array.merge(updated, dd.updated);
  348. deleted = Ext.Array.merge(deleted, dd.deleted);
  349. });
  350. var details = Ext.ComponentQuery.query('mydetail'), gridAdded = [], gridUpdated = [], gridDeleted = [];
  351. if (details) {
  352. if(!forms[0].down('field[name=fo_id]').value){
  353. var g=details[0],items = g.store.data.items,d = null,e = null;
  354. var arrayfix = ['cd_id','cd_ctid','cd_detno'];
  355. Ext.each(items, function(item){
  356. d = item.data;
  357. e = g.removeKey(d, 'deploy');
  358. if(d['deploy'] == true&&Ext.Array.indexOf(arrayfix,d['dg_field'].toLowerCase(),0)>-1) {
  359. gridAdded.push(e);
  360. }
  361. });
  362. }
  363. Ext.Array.each(details, function(detail){
  364. de = detail.getChange();
  365. gridAdded = Ext.Array.merge(gridAdded, de.added);
  366. gridUpdated = Ext.Array.merge(gridUpdated, de.updated);
  367. gridDeleted = Ext.Array.merge(gridDeleted, de.deleted);
  368. });
  369. }
  370. Ext.Array.each(formData, function(d){
  371. var keys = Ext.Object.getKeys(d);
  372. for(k in keys) {
  373. if (keys[k].indexOf('ext-') > -1)
  374. delete d[keys[k]];
  375. }
  376. });
  377. if(forms[0].down('field[name=fo_id]').value){
  378. me.onSave(unescape(escape(Ext.encode(formData))), unescape(Ext.encode(added).toString()),
  379. unescape(Ext.encode(updated).toString()), unescape(Ext.encode(deleted).toString()),
  380. unescape(Ext.encode(gridAdded).toString()), unescape(Ext.encode(gridUpdated).toString()), unescape(Ext.encode(gridDeleted).toString()));
  381. }else {
  382. Ext.Ajax.request({
  383. url : basePath + forms[0].getIdUrl,
  384. method : 'get',
  385. async: false,
  386. callback : function(options,success,response){
  387. var rs = new Ext.decode(response.responseText);
  388. if(rs.exceptionInfo){
  389. showError(rs.exceptionInfo);return;
  390. }
  391. if(rs.success){
  392. formData[0].fo_id=rs.id;
  393. }
  394. }
  395. });
  396. Ext.Array.each(gridAdded,function(d){
  397. if(!d['dg_caller']){
  398. d['dg_caller']=forms[0].down('field[name=fo_caller]').value;
  399. }
  400. });
  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. });