Panel

Ext.create('Ext.panel.Panel', {
//title: 'Results',
width: 1050,
height: 327,
renderTo: bodys,
layout: {
type: 'hbox/vbox', // Arrange child items vertically
align: 'stretch', // Each takes up full width
padding: 5
},
items: [{ // Results grid specified as a config object with an xtype of 'grid'
// xtype: 'grid',
// columns: [{header: 'Column One'}], // One header just for show. There's no data,
// store: Ext.create('Ext.data.ArrayStore', {}), // A dummy empty data store
title: 'Job Info',
width: 250,
height: 285,
html: '<div id="jobDetail"></div>'
},{
xtype: 'splitter' // A splitter between the two child items
}, { // Details Panel specified as a config object (no xtype defaults to 'panel').
title: 'Tasks List',
width: 790,
height: 285,
html: '<div id="taskList"></div>'
}]
});