examples/tabs/tabs-adv.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     var tabs = new Ext.TabPanel({\r
  12         renderTo:'tabs',\r
  13         resizeTabs:true, // turn on tab resizing\r
  14         minTabWidth: 115,\r
  15         tabWidth:135,\r
  16         enableTabScroll:true,\r
  17         width:600,\r
  18         height:250,\r
  19         defaults: {autoScroll:true},\r
  20         plugins: new Ext.ux.TabCloseMenu()\r
  21     });\r
  22 \r
  23     // tab generation code\r
  24     var index = 0;\r
  25     while(index < 7){\r
  26         addTab();\r
  27     }\r
  28     function addTab(){\r
  29         tabs.add({\r
  30             title: 'New Tab ' + (++index),\r
  31             iconCls: 'tabs',\r
  32             html: 'Tab Body ' + (index) + '<br/><br/>'\r
  33                     + Ext.example.bogusMarkup,\r
  34             closable:true\r
  35         }).show();\r
  36     }\r
  37 \r
  38     new Ext.Button({\r
  39         text: 'Add Tab',\r
  40         handler: addTab,\r
  41         iconCls:'new-tab'\r
  42     }).render(document.body, 'tabs');\r
  43 });