git.roojs.org Git - roojs1/blob - examples/tabs/tabs-example.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 var TabsExample = {\r
  12     init : function(){\r
  13         // basic tabs 1, built from existing content\r
  14         var tabs = new Roo.TabPanel('tabs1');\r
  15         tabs.addTab('script', "View Script");\r
  16         tabs.addTab('markup', "View Markup");\r
  17         tabs.activate('script');\r
  18     \r
  19         // second tabs built from JS\r
  20         var jtabs = new Roo.TabPanel('jtabs');\r
  21         jtabs.addTab('jtabs-1', "Normal Tab", "My content was added during construction.");\r
  22     \r
  23         var tab2 = jtabs.addTab('jtabs-2', "Ajax Tab 1");\r
  24         var updater = tab2.getUpdateManager();\r
  25         updater.setDefaultUrl('ajax1.htm');\r
  26         tab2.on('activate', updater.refresh, updater, true);\r
  27     \r
  28         var tab3 = jtabs.addTab('jtabs-3', "Ajax Tab 2");\r
  29         tab3.setUrl('ajax2.htm', null, true);\r
  30     \r
  31         var tab4 = jtabs.addTab('jtabs-4', "Event Tab");\r
  32         tab4.setContent("I am tab 4's content. My content was set with setContent() after I was created. I also have an event listener attached.");\r
  33         tab4.on('activate', function(){\r
  34             alert('Tab 4 was activated.');\r
  35         });\r
  36     \r
  37         jtabs.addTab('tabs1-5', "Disabled Tab", "Can't see me cause I'm disabled");\r
  38         jtabs.disableTab('tabs1-5');\r
  39     \r
  40         jtabs.activate('jtabs-1');\r
  41     }\r
  42 }\r
  43 Roo.EventManager.onDocumentReady(TabsExample.init, TabsExample, true);