Ext.define('erp.view.crm.chance.ChanceProcess',{ extend: 'Ext.Viewport', layout: 'anchor', hideBorders: true, initComponent : function(){ var me = this; Ext.apply(me, { items: [{ xtype: 'form', anchor: '100% 5%', layout: 'column', bodyStyle: 'background:#f1f1f1;', buttonAlign: 'center', bbar:{ xtype: 'toolbar', dock: 'bottom', ui: 'footer', items: ['->',{ name: 'query', id: 'query', text: $I18N.common.button.erpQueryButton, iconCls: 'x-button-icon-query', margin: '0 4 0 0' },'-',{ name: 'export', text: $I18N.common.button.erpExportButton, iconCls: 'x-button-icon-excel', margin: '0 4 0 0' },'-',{ text: $I18N.common.button.erpCloseButton, iconCls: 'x-button-icon-close', margin: '0 4 0 0', handler: function(){ var main = parent.Ext.getCmp("content-panel"); main.getActiveTab().close(); } },'->'] } },{ xtype: 'processgrid', anchor: '100% 95%' }] }); me.callParent(arguments); } });