Upgrade to ExtJS 3.3.0 - Released 10/06/2010
[extjs.git] / examples / tabs / tabs-example.js
index f5b04a1..b1125b2 100644 (file)
@@ -1,55 +1,53 @@
-/*\r
- * Ext JS Library 2.2.1\r
- * Copyright(c) 2006-2009, Ext JS, LLC.\r
- * licensing@extjs.com\r
- * \r
- * http://extjs.com/license\r
- */\r
-\r
-Ext.onReady(function(){\r
-    // basic tabs 1, built from existing content\r
-    var tabs = new Ext.TabPanel({\r
-        renderTo: 'tabs1',\r
-        width:450,\r
-        activeTab: 0,\r
-        frame:true,\r
-        defaults:{autoHeight: true},\r
-        items:[\r
-            {contentEl:'script', title: 'Short Text'},\r
-            {contentEl:'markup', title: 'Long Text'}\r
-        ]\r
-    });\r
-\r
-    // second tabs built from JS\r
-    var tabs2 = new Ext.TabPanel({\r
-        renderTo: document.body,\r
-        activeTab: 0,\r
-        width:600,\r
-        height:250,\r
-        plain:true,\r
-        defaults:{autoScroll: true},\r
-        items:[{\r
-                title: 'Normal Tab',\r
-                html: "My content was added during construction."\r
-            },{\r
-                title: 'Ajax Tab 1',\r
-                autoLoad:'ajax1.htm'\r
-            },{\r
-                title: 'Ajax Tab 2',\r
-                autoLoad: {url: 'ajax2.htm', params: 'foo=bar&wtf=1'}\r
-            },{\r
-                title: 'Event Tab',\r
-                listeners: {activate: handleActivate},\r
-                html: "I am tab 4's content. I also have an event listener attached."\r
-            },{\r
-                title: 'Disabled Tab',\r
-                disabled:true,\r
-                html: "Can't see me cause I'm disabled"\r
-            }\r
-        ]\r
-    });\r
-\r
-    function handleActivate(tab){\r
-        alert(tab.title + ' was activated.');\r
-    }\r
+/*!
+ * Ext JS Library 3.3.0
+ * Copyright(c) 2006-2010 Ext JS, Inc.
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
+Ext.onReady(function(){
+    // basic tabs 1, built from existing content
+    var tabs = new Ext.TabPanel({
+        renderTo: 'tabs1',
+        width:450,
+        activeTab: 0,
+        frame:true,
+        defaults:{autoHeight: true},
+        items:[
+            {contentEl:'script', title: 'Short Text'},
+            {contentEl:'markup', title: 'Long Text'}
+        ]
+    });
+
+    // second tabs built from JS
+    var tabs2 = new Ext.TabPanel({
+        renderTo: document.body,
+        activeTab: 0,
+        width:600,
+        height:250,
+        plain:true,
+        defaults:{autoScroll: true},
+        items:[{
+                title: 'Normal Tab',
+                html: "My content was added during construction."
+            },{
+                title: 'Ajax Tab 1',
+                autoLoad:'ajax1.htm'
+            },{
+                title: 'Ajax Tab 2',
+                autoLoad: {url: 'ajax2.htm', params: 'foo=bar&wtf=1'}
+            },{
+                title: 'Event Tab',
+                listeners: {activate: handleActivate},
+                html: "I am tab 4's content. I also have an event listener attached."
+            },{
+                title: 'Disabled Tab',
+                disabled:true,
+                html: "Can't see me cause I'm disabled"
+            }
+        ]
+    });
+
+    function handleActivate(tab){
+        alert(tab.title + ' was activated.');
+    }
 });
\ No newline at end of file