git.roojs.org Git - roojs1/blob - examples/tabs/tabs-adv.js

   1 /*
   2  * Based on:
   3  * Ext JS Library 1.1.1
   4  * Copyright(c) 2006-2007, Ext JS, LLC.
   5  *
   6  * Originally Released Under LGPL - original licence link has changed is not relivant.
   7  *
   8  * Fork - LGPL
   9  * <script type="text/javascript">
  10  */\r
  11 Roo.onReady(function(){
  12     var tabs = new Roo.TabPanel('tab-panel1', {
  13         resizeTabs:true, // turn on tab resizing
  14         minTabWidth: 20,
  15         preferredTabWidth:150
  16     });
  17
  18     tabs.addTab('root-tab', 'Home Tab');
  19     tabs.activate(0);
  20
  21     var content = Roo.getDom('content').innerHTML; // bogus markup for tabs
  22     var index = 0;
  23     Roo.get('add-link').on('click', function(){
  24         tabs.addTab(
  25              Roo.id(),
  26              'New Tab ' + (++index),
  27              'Tab Body ' + index + content,
  28              true
  29         );
  30     });
  31 });