4 * Copyright(c) 2006-2007, Ext JS, LLC.
6 * Originally Released Under LGPL - original licence link has changed is not relivant.
9 * <script type="text/javascript">
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
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
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
28 var tab3 = jtabs.addTab('jtabs-3', "Ajax Tab 2");
\r
29 tab3.setUrl('ajax2.htm', null, true);
\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
37 jtabs.addTab('tabs1-5', "Disabled Tab", "Can't see me cause I'm disabled");
\r
38 jtabs.disableTab('tabs1-5');
\r
40 jtabs.activate('jtabs-1');
\r
43 Roo.EventManager.onDocumentReady(TabsExample.init, TabsExample, true);