Ext.define('treps.view.Steps.TransformationDefinition.DataSelectContainer' ,{ extend: 'Ext.container.Container', alias: 'widget.dataselect_container', requires: [ 'treps.view.Data.Grid.DataGrid', 'treps.view.Steps.TransformationDefinition.VecDefGrid', 'treps.view.Times.TimesPanel' ], initComponent: function() { this.callParent(arguments); }, layout: { type: 'hbox', padding: 5, margin: 5, align: 'stretch' }, items: [ { xtype: 'data_grid', title: 'Source Data', flex: 3 }, { xtype: 'container', flex: 2, layout: { type: 'vbox', align: 'stretch', padding: '0 0 0 5' }, items: [ { xtype: 'times_panel', id : 'sourceTimeDefPanel', addcheckbox: true, flex: 1, minHeight: 110 }, { xtype: 'vecdef_grid', flex: 3 } ] } ] });