examples/window/layout.js

   1 /*!
   2  * Ext JS Library 3.1.0
   3  * Copyright(c) 2006-2009 Ext JS, LLC
   4  * licensing@extjs.com
   5  * http://www.extjs.com/license
   6  */
   7 Ext.onReady(function(){\r
   8     \r
   9     Ext.state.Manager.setProvider(\r
  10             new Ext.state.SessionProvider({state: Ext.appState}));\r
  11 \r
  12     var button = Ext.get('show-btn');\r
  13 \r
  14     button.on('click', function(){\r
  15 \r
  16         // tabs for the center\r
  17         var tabs = new Ext.TabPanel({\r
  18             region: 'center',\r
  19             margins:'3 3 3 0', \r
  20             activeTab: 0,\r
  21             defaults:{autoScroll:true},\r
  22 \r
  23             items:[{\r
  24                 title: 'Bogus Tab',\r
  25                 html: Ext.example.bogusMarkup\r
  26             },{\r
  27                 title: 'Another Tab',\r
  28                 html: Ext.example.bogusMarkup\r
  29             },{\r
  30                 title: 'Closable Tab',\r
  31                 html: Ext.example.bogusMarkup,\r
  32                 closable:true\r
  33             }]\r
  34         });\r
  35 \r
  36         // Panel for the west\r
  37         var nav = new Ext.Panel({\r
  38             title: 'Navigation',\r
  39             region: 'west',\r
  40             split: true,\r
  41             width: 200,\r
  42             collapsible: true,\r
  43             margins:'3 0 3 3',\r
  44             cmargins:'3 3 3 3'\r
  45         });\r
  46 \r
  47         var win = new Ext.Window({\r
  48             title: 'Layout Window',\r
  49             closable:true,\r
  50             width:600,\r
  51             height:350,\r
  52             //border:false,\r
  53             plain:true,\r
  54             layout: 'border',\r
  55 \r
  56             items: [nav, tabs]\r
  57         });\r
  58 \r
  59         win.show(this);\r
  60     });\r
  61 });