Ext JS JavaScript DHTML



Hello World Window





Ext.onReady(function() {
    Ext.QuickTips.init();
    
    var viewport = new Ext.Viewport({
      layout: "border",
      id: 'movieview',
      renderTo: document.body,
      items: [{
        region: "north",
        xtype: 'panel',
        html: 'North'
      },{
        region: 'west',
        xtype: 'panel',
        split: true,
        collapsible: true,
        collapseMode: 'mini',
        title: 'Some Info',
        bodyStyle:'padding:5px;',
        width: 200,
        minSize: 200,
        html: 'West'
      },{
        region: 'center',
        xtype: 'tabpanel',
        activeTab: 0,
        items: [{
          title: 'Grid',
          html: 'Center'
        }]
      },{
        region: 'east',
        xtype: 'panel',
        split: true,
        width: 200,
        html: 'East'
      },{
        region: 'south',
        xtype: 'panel',
        html: 'South'
      }]
    });});