examples/window/layout.js

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