docs/source/layout.html

   1 <html>\r
   2 <head>\r
   3   <title>The source code</title>\r
   4     <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />\r
   5     <script type="text/javascript" src="../resources/prettify/prettify.js"></script>\r
   6 </head>\r
   7 <body  onload="prettyPrint();">\r
   8     <pre class="prettyprint lang-js">Ext.onReady(function(){\r
   9     \r
  10     Ext.state.Manager.setProvider(\r
  11             new Ext.state.SessionProvider({state: Ext.appState}));\r
  12 \r
  13     var button = Ext.get('show-btn');\r
  14 \r
  15     button.on('click', function(){\r
  16 \r
  17         // tabs for the center\r
  18         var tabs = new Ext.TabPanel({\r
  19             region: 'center',\r
  20             margins:'3 3 3 0', \r
  21             activeTab: 0,\r
  22             defaults:{autoScroll:true},\r
  23 \r
  24             items:[{\r
  25                 title: 'Bogus Tab',\r
  26                 html: Ext.example.bogusMarkup\r
  27             },{\r
  28                 title: 'Another Tab',\r
  29                 html: Ext.example.bogusMarkup\r
  30             },{\r
  31                 title: 'Closable Tab',\r
  32                 html: Ext.example.bogusMarkup,\r
  33                 closable:true\r
  34             }]\r
  35         });\r
  36 \r
  37         // Panel for the west\r
  38         var nav = new Ext.Panel({\r
  39             title: 'Navigation',\r
  40             region: 'west',\r
  41             split: true,\r
  42             width: 200,\r
  43             collapsible: true,\r
  44             margins:'3 0 3 3',\r
  45             cmargins:'3 3 3 3'\r
  46         });\r
  47 \r
  48         var win = new Ext.Window({\r
  49             title: 'Layout Window',\r
  50             closable:true,\r
  51             width:600,\r
  52             height:350,\r
  53             //border:false,\r
  54             plain:true,\r
  55             layout: 'border',\r
  56 \r
  57             items: [nav, tabs]\r
  58         });\r
  59 \r
  60         win.show(this);\r
  61     });\r
  62 });</pre>    \r
  63 </body>\r
  64 </html>