Reports.js

Ext.define('searchadmin.view.reports.Reports', {
    extend: 'Ext.panel.Panel',
    alias: 'widget.reports',
    requires: [
        'searchadmin.view.reports.ReportForm'
    ],
    layout: 'vbox',

    items : [{
        region: 'center',
        xtype: 'reportForm'
        }, 
        {
        xtype: 'tabpanel',
        width: 1025,
        growMin: 355,
        growMax: 450,
        activeTab: 0,
        items: [{
            flex: 2,
            border: false,
            title: 'JSON Result',
            layout: 'anchor',
            // padding : '5 5 0 5',
            defaults: {anchor: '100%'},
            
            items: [ {
                xtype: 'textarea',
                itemId: 'searchResultsContainer',
                grow: true,
                width: 1025,
                growMin: 355,
                growMax: 450,
                name: 'searchResult',
                submitValue: false } ]
        	},
            {
            title: 'Grid View',
            xtype: 'dynamicGrid',
            itemId: 'dynamicGridId',
            region: 'center',
            grow: true,
            width: 1025,
            growMin: 355,
            growMax: 450,
            autoScroll: true
        }]
    }]

});