Ext.define('erp.view.scm.product.BOM',{ extend: 'Ext.Viewport', layout: 'fit', hideBorders: true, initComponent : function(){ var me = this; Ext.apply(me, { items: [{ id:'BOMViewport', layout: 'anchor', items: [{ xtype: 'erpFormPanel', anchor: '100% 48%', saveUrl: 'scm/product/saveBOM.action', deleteUrl: 'scm/product/deleteBOM.action', updateUrl: 'scm/product/updateBOM.action', auditUrl: 'scm/product/auditBOM.action', printUrl: 'scm/product/printsingleBOM.action', resAuditUrl: 'scm/product/resAuditBOM.action', submitUrl: 'scm/product/submitBOM.action', resSubmitUrl: 'scm/product/resSubmitBOM.action', getIdUrl: 'common/getId.action?seq=BOM_SEQ', keyField: 'bo_id', statusField: 'bo_status', statuscodeField: 'bo_statuscode' },{ xtype: 'erpGridPanel2', anchor: '100% 52%', detno: 'bd_detno', keyField: 'bd_id', mainField: 'bd_bomid', necessaryField: 'bd_soncode' }] }] }); me.callParent(arguments); } });