Ext JS JavaScript DHTML



Hello World Window






Ext.onReady(function() {
    var embeddedTabPanel = {
        title    : 'A Complex tab',
        layout   : 'border',
        defaults : {
            frame : true,
            split : true
        },
        items  : [
            {
                html   : 'Center Panel',
                region : 'center'
            },
            {
                html   : 'North Panel',
                region : 'north',
                height : 25
            },
            {
                html   : 'West Panel',
                region : 'west',
                height : 25
            }
        ]
    }
    
    var tabPanel = new Ext.TabPanel({
        activeTab         : 0,
        id                : 'myTPanel',
        enableTabScroll   : true,
        items             : [
            embeddedTabPanel,
            embeddedTabPanel,
            embeddedTabPanel,
        ]
    });
    
    new Ext.Window({
        height : 300,
        width  : 400,
        layout : 'fit',
        items  : tabPanel
    }).show();
    
});
 
asdf