uas6.0/WebContent/app/view/oa/custom/MultiForm.js

Ext.define('erp.view.oa.custom.MultiForm',{ 
	extend: 'Ext.Viewport', 
	layout: 'fit', 
	hideBorders: true, 
	initComponent : function(){ 
		var me = this; 
		Ext.apply(me, { 
			items: [{ 
				layout: 'anchor', 
				items: [{
					xtype: 'tabpanel', 
					anchor: '100% 95%',
					id: 'mytab',
					items: [{
						title: '主表',
						id: 'maintab',
						iconCls: 'formset-form',
						layout: 'anchor',
						items: [{
							xtype: 'myform',
							saveUrl:'ma/saveMultiForm.action',
							deleteUrl: 'ma/deleteMultiForm.action',
							updateUrl: 'ma/updateMultiForm.action',
							getIdUrl: 'common/getId.action?seq=FORM_SEQ',
							keyField: 'fo_id',
							caller:caller,
							anchor: '100% 45%'
						},{
							xtype: 'customgrid',
							anchor: '100% 55%'
						}]
					},{
						title: '从表',
						id: 'detailtab',
						iconCls: 'formset-grid',
						layout: 'anchor',
						items: [{
							xtype: 'mydetail',
							anchor: '100% 100%',
							detno: 'dg_sequence',
							necessaryField: 'dg_field',
							keyField: 'dg_id',
							getGridColumnsAndStore: function(){
								var grid = this;
								var main = parent.Ext.getCmp("content-panel");
								if(!main)
									main = parent.parent.Ext.getCmp("content-panel");
								if(main){
									main.getActiveTab().setLoading(true);//loading...
								}
								Ext.Ajax.request({//拿到grid的columns
						        	url : basePath + 'common/singleGridPanel.action',
						        	async: false,
						        	params: {
						        		caller: grid.caller,
						        		condition: "dg_caller='" + whoami + "'"
						        	},
						        	method : 'post',
						        	callback : function(options,success,response){
						        		if(main){
						        			main.getActiveTab().setLoading(false);
						        		}
						        		var res = new Ext.decode(response.responseText);
						        		if(res.exceptionInfo){
						        			showError(res.exceptionInfo);return;
						        		}
						        		if(res.columns){
						        			grid.columns = res.columns;
						        			grid.fields = res.fields;
						        			grid.columns.push({
						        				xtype: 'checkcolumn',
						        				text: '配置',
						        				width: 60,
						        				dataIndex: 'deploy',
						        				cls: "x-grid-header-1",
						        				locked: true,
						        				editor: {
						        					xtype: 'checkbox',
						        					cls: "x-grid-checkheader-editor"
						        				}
						        			});
						        			grid.fields.push({name: 'deploy', type: 'bool'});
						        			//renderer
						        			grid.getRenderer();
						            		var data = Ext.decode(res.data.replace(/,}/g, '}').replace(/,]/g, ']'));
						            		Ext.each(data, function(d){
						            			d.deploy = true;
						            		});
						            		grid.data = data;
						            		if(res.dbfinds.length > 0){
						            			grid.dbfinds = res.dbfinds;
						            		}
						            		//取数据字典配置
						            		grid.getDataDictionaryData('CUSTOMTABLEDETAIL');
						            		grid.reconfigureGrid();
						        		}
						        	}
						        });
							}
						}]
					}]
				},{
					xtype: 'toolbar', 
					anchor: '100% 5%',
					items: ['->',{
						xtype: 'erpUUListenerButton'
					},'-',{
						iconCls: 'x-button-icon-preview',
						name: 'preview',
						cls: 'x-btn-gray',
						text: $I18N.common.button.erpPreviewButton
					},'-',{
						iconCls: 'tree-save',
						name: 'save',
						cls: 'x-btn-gray',
						text: $I18N.common.button.erpSaveButton
					},'-',{
						xtype: 'erpSyncButton',
					},'-',{
						iconCls: 'tree-delete',
						name: 'delete',
						cls: 'x-btn-gray',
						text: $I18N.common.button.erpDeleteButton
					},'-',{
						iconCls: 'tree-close',
						name: 'close',
						cls: 'x-btn-gray',
						text: $I18N.common.button.erpCloseButton
					},'->']
				}]
			}] 
		}); 
		me.callParent(arguments);
	} 
});