MultiForm.js 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417
  1. Ext.QuickTips.init();
  2. Ext.define('erp.controller.ma.MultiForm', {
  3. extend: 'Ext.app.Controller',
  4. requires: ['erp.util.FormUtil', 'erp.util.GridUtil'],
  5. views:[
  6. 'ma.MultiForm','ma.MyForm','ma.MyGrid','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'
  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. aftersync: function(btn, caller, datas, masters) {
  21. if(caller == 'Form!Post') {
  22. var grid = Ext.getCmp('detail'), dg = new Array();
  23. grid.store.each(function(){
  24. if(this.get('dg_id') > 0)
  25. dg.push(this.get('dg_id'));
  26. });
  27. btn.syncdatas = dg.join(',');
  28. btn.caller = 'DetailGrid!Post';
  29. btn.sync();
  30. } else {
  31. btn.syncdatas = null;
  32. }
  33. }
  34. },
  35. 'multidbfindtrigger': {
  36. render: function(field){
  37. if(field.name == 'fo_button4add' || field.name == 'fo_button4rw'){
  38. var fields = Ext.Object.getKeys($I18N.common.button);
  39. var values = Ext.Object.getValues($I18N.common.button);
  40. var data = [];
  41. Ext.each(fields, function(f, index){
  42. var o = {};
  43. o.value = fields[index];
  44. o.display = values[index];
  45. data.push(o);
  46. });
  47. field.multistore = {fields:['display', 'value'],data:data};
  48. }
  49. }
  50. },
  51. 'mygrid': {
  52. select: function(selModel, record){
  53. this.GridUtil.onGridItemClick(selModel, record);
  54. var grid=Ext.getCmp('grid');
  55. if(record&&record.data.fd_dbfind)
  56. grid.down('erpDbfindButton').setDisabled(false);
  57. else if(record && record.data.fd_type == 'C')
  58. grid.down('erpComboButton').setDisabled(false);
  59. else {
  60. grid.down('erpComboButton').setDisabled(true);
  61. grid.down('erpDbfindButton').setDisabled(true);
  62. }
  63. }
  64. },
  65. 'mydetail': {
  66. select: function(selModel, record){
  67. this.GridUtil.onGridItemClick(selModel, record, 'detail');
  68. var grid=Ext.getCmp('detail');
  69. if(record&&record.data.dg_dbbutton)
  70. grid.down('erpDbfindButton').setDisabled(false);
  71. else if(record && (record.data.dg_type == 'combo' || record.data.dg_type=='editcombo'))
  72. grid.down('erpComboButton').setDisabled(false);
  73. else {
  74. grid.down('erpComboButton').setDisabled(true);
  75. grid.down('erpDbfindButton').setDisabled(true);
  76. }
  77. }
  78. },
  79. 'button[name=save]': {
  80. click: function(btn){
  81. //序列号
  82. Ext.getCmp('fo_seq').setValue(Ext.getCmp('fo_table').value.toUpperCase().split(' ')[0] + '_SEQ');
  83. var dt = Ext.getCmp('fo_detailtable').value;
  84. if(!Ext.isEmpty(dt)){
  85. Ext.getCmp('fo_detailseq').setValue(dt.toUpperCase().split(' ')[0] + '_SEQ');
  86. }
  87. //判断detailtable的主键字段是否加到了detailgrid里面
  88. //me.insertKeyField();
  89. //判断detailtable与主表关联的字段是否加到了detailgrid里面
  90. //me.insertMainField();
  91. me.save();
  92. }
  93. },
  94. 'erpDeleteDetailButton': {
  95. afterrender: function(btn){
  96. btn.ownerCt.add({
  97. xtype:'erpDbfindButton',
  98. });
  99. btn.ownerCt.add({
  100. xtype:'erpComboButton',
  101. });
  102. }
  103. },
  104. /**
  105. * 下拉框设置
  106. */
  107. 'erpComboButton': {
  108. click: function(btn){
  109. var activeTab = btn.up('tabpanel').getActiveTab();
  110. var record = activeTab.down('gridpanel').selModel.lastSelected;
  111. if(record) {
  112. if(activeTab.id == 'maintab'){
  113. if(record.data.fd_type == 'C') {
  114. btn.comboSet(Ext.getCmp('fo_caller').value, record.data.fd_field);
  115. }
  116. } else {
  117. if(record.data.dg_type == 'combo' || record.data.dg_type =='editcombo')
  118. btn.comboSet(Ext.getCmp('fo_caller').value, record.data.dg_field);
  119. }
  120. }
  121. }
  122. },
  123. /**
  124. * DBFind设置
  125. */
  126. 'erpDbfindButton': {
  127. click: function(btn){
  128. var activeTab = btn.up('tabpanel').getActiveTab();
  129. var record = activeTab.down('gridpanel').selModel.lastSelected;
  130. if(record) {
  131. if(activeTab.id == 'maintab'){
  132. if(record.data.fd_dbfind)
  133. btn.dbfindSetUI(Ext.getCmp('fo_caller').value, record.data.fd_field);
  134. }else {
  135. if(record.data.dg_dbbutton)
  136. btn.dbfindSetGrid(Ext.getCmp('fo_caller').value, activeTab.down('gridpanel'), record.data.dg_field);
  137. }
  138. }
  139. }
  140. },
  141. 'button[name=delete]': {
  142. click: function(btn){
  143. me.FormUtil.onDelete(Ext.getCmp('fo_id').value);
  144. }
  145. },
  146. 'button[name=close]': {
  147. click: function(btn){
  148. me.FormUtil.beforeClose(me);
  149. }
  150. },
  151. /*'textfield[name=fo_table]': {
  152. change: function(field){
  153. var grid = Ext.getCmp('grid');
  154. if(grid) {
  155. var val = field.value.toUpperCase().split(' ')[0];
  156. Ext.Array.each(grid.store.data.items, function(item){
  157. if(item.data['fd_field'] != null && item.data['fd_field'] != ''){
  158. var t = item.data['fd_table'];
  159. if(val != t.toUpperCase()){
  160. item.set('fd_table', val);
  161. }
  162. }
  163. });
  164. }
  165. }
  166. },*/
  167. 'textfield[name=fo_detailtable]': {
  168. change: function(field){
  169. var grid = Ext.getCmp('detail');
  170. if(grid) {
  171. var val = field.value.toUpperCase().split(' ')[0];
  172. Ext.each(grid.store.items, function(){
  173. var t = this.data['dg_table'];
  174. if(t != null && t != ''){
  175. if(val != t.toUpperCase()){
  176. this.set('dg_table', val);
  177. }
  178. }
  179. });
  180. }
  181. }
  182. },
  183. 'panel[id=detailtab]': {
  184. activate: function(){
  185. // var dt = Ext.getCmp('fo_detailtable').value;
  186. // if(dt == null || dt == ''){
  187. // showError("[主表]->[从表资料]->[明细表名]还未填写!");
  188. // Ext.getCmp('mytab').setActiveTab(0);
  189. // } else {
  190. // //判断detailtable的主键字段是否加到了detailgrid里面
  191. // me.insertKeyField();
  192. // //判断detailtable与主表关联的字段是否加到了detailgrid里面
  193. // me.insertMainField();
  194. // }
  195. }
  196. },
  197. 'dbfindtrigger[name=fo_keyfield]': {
  198. afterrender: function(t){
  199. t.autoDbfind = false;
  200. t.dbKey = "fo_table";
  201. t.mappingKey = "ddd_tablename";
  202. t.dbMessage = "请先选择表名!";
  203. }
  204. },
  205. 'dbfindtrigger[name=fo_codefield]': {
  206. afterrender: function(t){
  207. t.autoDbfind = false;
  208. t.dbKey = "fo_table";
  209. t.mappingKey = "ddd_tablename";
  210. t.dbMessage = "请先选择表名!";
  211. }
  212. },
  213. 'dbfindtrigger[name=fo_statusfield]': {
  214. afterrender: function(t){
  215. t.autoDbfind = false;
  216. t.dbKey = "fo_table";
  217. t.mappingKey = "ddd_tablename";
  218. t.dbMessage = "请先选择表名!";
  219. }
  220. },
  221. 'dbfindtrigger[name=fo_statuscodefield]': {
  222. afterrender: function(t){
  223. t.autoDbfind = false;
  224. t.dbKey = "fo_table";
  225. t.mappingKey = "ddd_tablename";
  226. t.dbMessage = "请先选择表名!";
  227. }
  228. },
  229. 'dbfindtrigger[name=fo_detailkeyfield]': {
  230. afterrender: function(t){
  231. t.autoDbfind = false;
  232. t.dbKey = "fo_detailtable";
  233. t.mappingKey = "ddd_tablename";
  234. t.dbMessage = "请先选择从表名!";
  235. }
  236. },
  237. 'dbfindtrigger[name=fo_detailmainkeyfield]': {
  238. afterrender: function(t){
  239. t.autoDbfind = false;
  240. t.dbKey = "fo_detailtable";
  241. t.mappingKey = "ddd_tablename";
  242. t.dbMessage = "请先选择从表名!";
  243. }
  244. },
  245. 'dbfindtrigger[name=fo_detailstatuscode]': {
  246. afterrender: function(t){
  247. t.autoDbfind = false;
  248. t.dbKey = "fo_detailtable";
  249. t.mappingKey = "ddd_tablename";
  250. t.dbMessage = "请先选择从表名!";
  251. }
  252. },
  253. 'dbfindtrigger[name=fo_detailstatus]': {
  254. afterrender: function(t){
  255. t.autoDbfind = false;
  256. t.dbKey = "fo_detailtable";
  257. t.mappingKey = "ddd_tablename";
  258. t.dbMessage = "请先选择从表名!";
  259. }
  260. },
  261. 'dbfindtrigger[name=fo_detaildetnofield]': {
  262. afterrender: function(t){
  263. t.autoDbfind = false;
  264. t.dbKey = "fo_detailtable";
  265. t.mappingKey = "ddd_tablename";
  266. t.dbMessage = "请先选择从表名!";
  267. }
  268. },
  269. 'button[name=preview]': {
  270. click: function(){
  271. }
  272. }
  273. });
  274. },
  275. insertKeyField: function(){
  276. var grid = Ext.getCmp('detail');
  277. if(grid) {
  278. var field = Ext.getCmp('fo_detailkeyfield');
  279. var count = 0;
  280. Ext.each(grid.store.data.items, function(){
  281. var logic = this.data['dg_logictype'];
  282. var t = this.data['dg_field'];
  283. if(field.value.toUpperCase() == t.toUpperCase()){
  284. this.set('dg_logictype', 'keyField');
  285. logic = 'keyField';
  286. if(count >= 2){
  287. if(this.data['dg_id'] == null || this.data['dg_id'] == ''){
  288. grid.store.remove(this);
  289. }
  290. }
  291. }
  292. if(logic == 'keyField'){
  293. count++;
  294. if(count < 2 && field.value.toUpperCase() != t.toUpperCase()){
  295. this.set('dg_field', field.value);
  296. }
  297. if(count >= 2){
  298. if(this.data['dg_id'] == null || this.data['dg_id'] == ''){
  299. grid.store.remove(this);
  300. }
  301. }
  302. }
  303. });
  304. if(count == 0){
  305. grid.store.add({
  306. dg_sequence: grid.store.data.items[grid.store.data.length-1].data['dg_sequence'] + 1,
  307. dg_logictype: 'keyField',
  308. dg_field: field.value,
  309. dg_caption: 'ID',
  310. dg_table: Ext.getCmp('fo_detailtable').value,
  311. dg_caller: Ext.getCmp('fo_caller').value,
  312. dg_width: 0,
  313. dg_visible: '0',
  314. dg_type: 'numbercolumn',
  315. dg_editable: '0',
  316. dg_dbbutton: '0'
  317. });
  318. } else if(count > 1){
  319. showError("您的从表中有" + count + "个逻辑类型为[主键字段]的字段,请仔细核查!");
  320. }
  321. }
  322. },
  323. insertMainField: function(){
  324. var grid = Ext.getCmp('detail');
  325. if(grid) {
  326. var field = Ext.getCmp('fo_detailmainkeyfield');
  327. var count = 0;
  328. Ext.each(grid.store.data.items, function(){
  329. var logic = this.data['dg_logictype'];
  330. var t = this.data['dg_field'];
  331. if(field.value.toUpperCase() == t.toUpperCase()){
  332. this.set('dg_logictype', 'mainField');
  333. logic = 'mainField';
  334. if(count >= 2){
  335. if(this.data['dg_id'] == null || this.data['dg_id'] == ''){
  336. grid.store.remove(this);
  337. }
  338. }
  339. }
  340. if(logic == 'mainField'){
  341. count++;
  342. if(count < 2 && field.value.toUpperCase() != t.toUpperCase()){
  343. this.set('dg_field', field.value);
  344. }
  345. if(count >= 2){
  346. if(this.data['dg_id'] == null || this.data['dg_id'] == ''){
  347. grid.store.remove(this);
  348. }
  349. }
  350. }
  351. });
  352. if(count == 0){
  353. grid.store.add({
  354. dg_sequence: grid.store.data.items[grid.store.data.length-1].data['dg_sequence'] + 1,
  355. dg_logictype: 'mainField',
  356. dg_field: field.value,
  357. dg_caption: 'MainID',
  358. dg_table: Ext.getCmp('fo_detailtable').value,
  359. dg_caller: Ext.getCmp('fo_caller').value,
  360. dg_width: 0,
  361. dg_visible: '0',
  362. dg_type: 'text',
  363. dg_editable: '0',
  364. dg_dbbutton: '0'
  365. });
  366. } else if(count > 1){
  367. showError("您的从表中有" + count + "个逻辑类型为[关联主表字段]的字段,请仔细核查!");
  368. }
  369. }
  370. },
  371. createPreForm: function(){
  372. var form = Ext.create('Ext.form.Panel', {
  373. });
  374. },
  375. createPreGrid: function(){
  376. },
  377. createFormItem: function(record){
  378. },
  379. save: function(){
  380. var grid = Ext.getCmp('grid');
  381. var field = Ext.getCmp('fo_table'), val = field.value.split(' ')[0];
  382. grid.store.each(function(item){
  383. if(item.get('deploy') && !Ext.isEmpty(item.get('fd_field')) && Ext.isEmpty(item.get('fd_table'))){
  384. item.set('fd_table', val);
  385. }
  386. });
  387. var detail = Ext.getCmp('detail');
  388. if (!detail) {
  389. var me = this;
  390. if(! me.FormUtil.checkForm()){
  391. return;
  392. }
  393. var dd = grid.getChange();
  394. me.FormUtil.update(Ext.getCmp('form').getValues(), Ext.encode(dd.added),
  395. Ext.encode(dd.updated), Ext.encode(dd.deleted), "[]", "[]", "[]");
  396. } else {
  397. field = Ext.getCmp('fo_detailtable'), val = field.value.split(' ')[0];
  398. detail.store.each(function(item){
  399. if(item.get('deploy') && !Ext.isEmpty(item.get('dg_field')) && Ext.isEmpty(item.get('dg_table'))){
  400. item.set('dg_table', val);
  401. }
  402. });
  403. var me = this;
  404. if(! me.FormUtil.checkForm()){
  405. return;
  406. }
  407. var dd = grid.getChange(),de = detail.getChange();
  408. me.FormUtil.update(Ext.getCmp('form').getValues(), Ext.encode(dd.added),
  409. Ext.encode(dd.updated), Ext.encode(dd.deleted), Ext.encode(de.added),
  410. Ext.encode(de.updated), Ext.encode(de.deleted));
  411. }
  412. }
  413. });