Upgrade to ExtJS 3.3.1 - Released 11/30/2010
[extjs.git] / examples / grouptabs / grouptabs.js
index 2ff38ae..32d4b37 100644 (file)
 /*!
 /*!
- * Ext JS Library 3.0.0
- * Copyright(c) 2006-2009 Ext JS, LLC
- * licensing@extjs.com
- * http://www.extjs.com/license
+ * Ext JS Library 3.3.1
+ * Copyright(c) 2006-2010 Sencha Inc.
+ * licensing@sencha.com
+ * http://www.sencha.com/license
  */
  */
-Ext.onReady(function() {\r
-       Ext.QuickTips.init();\r
-    \r
-    // create some portlet tools using built in Ext tool ids\r
-    var tools = [{\r
-        id:'gear',\r
-        handler: function(){\r
-            Ext.Msg.alert('Message', 'The Settings tool was clicked.');\r
-        }\r
-    },{\r
-        id:'close',\r
-        handler: function(e, target, panel){\r
-            panel.ownerCt.remove(panel, true);\r
-        }\r
-    }];\r
-\r
-    var viewport = new Ext.Viewport({\r
-        layout:'fit',\r
-        items:[{\r
-            xtype: 'grouptabpanel',\r
-               tabWidth: 130,\r
-               activeGroup: 0,\r
-               items: [{\r
-                       mainItem: 1,\r
-                       items: [{\r
-                               title: 'Tickets',\r
-                    layout: 'fit',\r
-                    iconCls: 'x-icon-tickets',\r
-                    tabTip: 'Tickets tabtip',\r
-                    style: 'padding: 10px;',\r
-                               items: [new SampleGrid([0,1,2,3,4])]\r
-                       }, \r
-                {\r
-                    xtype: 'portal',\r
-                    title: 'Dashboard',\r
-                    tabTip: 'Dashboard tabtip',\r
-                    items:[{\r
-                        columnWidth:.33,\r
-                        style:'padding:10px 0 10px 10px',\r
-                        items:[{\r
-                            title: 'Grid in a Portlet',\r
-                            layout:'fit',\r
-                            tools: tools,\r
-                            items: new SampleGrid([0, 2, 3])\r
-                        },{\r
-                            title: 'Another Panel 1',\r
-                            tools: tools,\r
-                            html: Ext.example.shortBogusMarkup\r
-                        }]\r
-                    },{\r
-                        columnWidth:.33,\r
-                        style:'padding:10px 0 10px 10px',\r
-                        items:[{\r
-                            title: 'Panel 2',\r
-                            tools: tools,\r
-                            html: Ext.example.shortBogusMarkup\r
-                        },{\r
-                            title: 'Another Panel 2',\r
-                            tools: tools,\r
-                            html: Ext.example.shortBogusMarkup\r
-                        }]\r
-                    },{\r
-                        columnWidth:.33,\r
-                        style:'padding:10px',\r
-                        items:[{\r
-                            title: 'Panel 3',\r
-                            tools: tools,\r
-                            html: Ext.example.shortBogusMarkup\r
-                        },{\r
-                            title: 'Another Panel 3',\r
-                            tools: tools,\r
-                            html: Ext.example.shortBogusMarkup\r
-                        }]\r
-                    }]                    \r
-                }, {\r
-                               title: 'Subscriptions',\r
-                    iconCls: 'x-icon-subscriptions',\r
-                    tabTip: 'Subscriptions tabtip',\r
-                    style: 'padding: 10px;',\r
-                                       layout: 'fit',\r
-                               items: [{\r
-                                               xtype: 'tabpanel',\r
-                                               activeTab: 1,\r
-                                               items: [{\r
-                                                       title: 'Nested Tabs',\r
-                                                       html: Ext.example.shortBogusMarkup\r
-                                               }]      \r
-                                       }]      \r
-                       }, {\r
-                               title: 'Users',\r
-                    iconCls: 'x-icon-users',\r
-                    tabTip: 'Users tabtip',\r
-                    style: 'padding: 10px;',\r
-                               html: Ext.example.shortBogusMarkup                      \r
-                       }]\r
-            }, {\r
-                expanded: true,\r
-                items: [{\r
-                    title: 'Configuration',\r
-                    iconCls: 'x-icon-configuration',\r
-                    tabTip: 'Configuration tabtip',\r
-                    style: 'padding: 10px;',\r
-                    html: Ext.example.shortBogusMarkup \r
-                }, {\r
-                    title: 'Email Templates',\r
-                    iconCls: 'x-icon-templates',\r
-                    tabTip: 'Templates tabtip',\r
-                    style: 'padding: 10px;',\r
-                    html: Ext.example.shortBogusMarkup\r
-                }]\r
-            }]\r
-               }]\r
-    });\r
-});\r
+Ext.onReady(function() {
+       Ext.QuickTips.init();
+    
+    // create some portlet tools using built in Ext tool ids
+    var tools = [{
+        id:'gear',
+        handler: function(){
+            Ext.Msg.alert('Message', 'The Settings tool was clicked.');
+        }
+    },{
+        id:'close',
+        handler: function(e, target, panel){
+            panel.ownerCt.remove(panel, true);
+        }
+    }];
+
+    var viewport = new Ext.Viewport({
+        layout:'fit',
+        items:[{
+            xtype: 'grouptabpanel',
+               tabWidth: 130,
+               activeGroup: 0,
+               items: [{
+                       mainItem: 1,
+                       items: [{
+                               title: 'Tickets',
+                    layout: 'fit',
+                    iconCls: 'x-icon-tickets',
+                    tabTip: 'Tickets tabtip',
+                    style: 'padding: 10px;',
+                               items: [new SampleGrid([0,1,2,3,4])]
+                       }, 
+                {
+                    xtype: 'portal',
+                    title: 'Dashboard',
+                    tabTip: 'Dashboard tabtip',
+                    items:[{
+                        columnWidth:.33,
+                        style:'padding:10px 0 10px 10px',
+                        items:[{
+                            title: 'Grid in a Portlet',
+                            layout:'fit',
+                            tools: tools,
+                            items: new SampleGrid([0, 2, 3])
+                        },{
+                            title: 'Another Panel 1',
+                            tools: tools,
+                            html: Ext.example.shortBogusMarkup
+                        }]
+                    },{
+                        columnWidth:.33,
+                        style:'padding:10px 0 10px 10px',
+                        items:[{
+                            title: 'Panel 2',
+                            tools: tools,
+                            html: Ext.example.shortBogusMarkup
+                        },{
+                            title: 'Another Panel 2',
+                            tools: tools,
+                            html: Ext.example.shortBogusMarkup
+                        }]
+                    },{
+                        columnWidth:.33,
+                        style:'padding:10px',
+                        items:[{
+                            title: 'Panel 3',
+                            tools: tools,
+                            html: Ext.example.shortBogusMarkup
+                        },{
+                            title: 'Another Panel 3',
+                            tools: tools,
+                            html: Ext.example.shortBogusMarkup
+                        }]
+                    }]                    
+                }, {
+                               title: 'Subscriptions',
+                    iconCls: 'x-icon-subscriptions',
+                    tabTip: 'Subscriptions tabtip',
+                    style: 'padding: 10px;',
+                                       layout: 'fit',
+                               items: [{
+                                               xtype: 'tabpanel',
+                                               activeTab: 1,
+                                               items: [{
+                                                       title: 'Nested Tabs',
+                                                       html: Ext.example.shortBogusMarkup
+                                               }]      
+                                       }]      
+                       }, {
+                               title: 'Users',
+                    iconCls: 'x-icon-users',
+                    tabTip: 'Users tabtip',
+                    style: 'padding: 10px;',
+                               html: Ext.example.shortBogusMarkup                      
+                       }]
+            }, {
+                expanded: true,
+                items: [{
+                    title: 'Configuration',
+                    iconCls: 'x-icon-configuration',
+                    tabTip: 'Configuration tabtip',
+                    style: 'padding: 10px;',
+                    html: Ext.example.shortBogusMarkup 
+                }, {
+                    title: 'Email Templates',
+                    iconCls: 'x-icon-templates',
+                    tabTip: 'Templates tabtip',
+                    style: 'padding: 10px;',
+                    html: Ext.example.shortBogusMarkup
+                }]
+            }]
+               }]
+    });
+});