Mega Code Archive

 
Categories / JavaScript DHTML / Ext JS
 

Embedded Tab Panel

<html> <head> <title>Hello World Window</title> <link rel="stylesheet" type="text/css" href="ext-3.0.0/resources/css/ext-all.css" /> <script type="text/javascript" src="ext-3.0.0/adapter/ext/ext-base.js"></script> <script type="text/javascript" src="ext-3.0.0/ext-all.js"></script> </head> <body> <script type="text/javascript"> Ext.onReady(function() {     var embeddedTabPanel = {         title     : 'My second tab',         closable  : true,         xtype     : 'tabpanel',         activeTab : 0,         items     : [             {                 title : 'Inner tab 1'             },             {                 title : 'Inner tab 2'             }         ]     }          var tabPanel = new Ext.TabPanel({         activeTab         : 0,         id                : 'myTPanel',         enableTabScroll   : true,         items             : [             embeddedTabPanel,             embeddedTabPanel,             embeddedTabPanel,         ]     });          new Ext.Window({         height : 300,         width  : 400,         layout : 'fit',         items  : tabPanel     }).show();      }); </script>  <div id='div1'>asdf</div> </body> </html>