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>'
    }]
});