Upgrade to ExtJS 4.0.0 - Released 04/26/2011

[extjs.git] / examples / window / layout.js

diff --git a/examples/window/layout.js b/examples/window/layout.js
index b302a3d..6edc70a 100644 (file)
--- a/examples/window/layout.js
+++ b/examples/window/layout.js
@@ -1,61 +1,58 @@
-/*!
- * Ext JS Library 3.1.1
- * Copyright(c) 2006-2010 Ext JS, LLC
- * licensing@extjs.com
- * http://www.extjs.com/license
- */
-Ext.onReady(function(){\r
-    \r
-    Ext.state.Manager.setProvider(\r
-            new Ext.state.SessionProvider({state: Ext.appState}));\r
-\r
-    var button = Ext.get('show-btn');\r
-\r
-    button.on('click', function(){\r
-\r
-        // tabs for the center\r
-        var tabs = new Ext.TabPanel({\r
-            region: 'center',\r
-            margins:'3 3 3 0', \r
-            activeTab: 0,\r
-            defaults:{autoScroll:true},\r
-\r
-            items:[{\r
-                title: 'Bogus Tab',\r
-                html: Ext.example.bogusMarkup\r
-            },{\r
-                title: 'Another Tab',\r
-                html: Ext.example.bogusMarkup\r
-            },{\r
-                title: 'Closable Tab',\r
-                html: Ext.example.bogusMarkup,\r
-                closable:true\r
-            }]\r
-        });\r
-\r
-        // Panel for the west\r
-        var nav = new Ext.Panel({\r
-            title: 'Navigation',\r
-            region: 'west',\r
-            split: true,\r
-            width: 200,\r
-            collapsible: true,\r
-            margins:'3 0 3 3',\r
-            cmargins:'3 3 3 3'\r
-        });\r
-\r
-        var win = new Ext.Window({\r
-            title: 'Layout Window',\r
-            closable:true,\r
-            width:600,\r
-            height:350,\r
-            //border:false,\r
-            plain:true,\r
-            layout: 'border',\r
-\r
-            items: [nav, tabs]\r
-        });\r
-\r
-        win.show(this);\r
-    });\r
+Ext.require([
+    'Ext.tab.*',
+    'Ext.window.*',
+    'Ext.tip.*',
+    'Ext.layout.container.Border'
+]);
+Ext.onReady(function(){
+    var win,
+        button = Ext.get('show-btn');
+
+    button.on('click', function(){
+
+        if (!win) {
+            win = Ext.create('widget.window', {
+                title: 'Layout Window',
+                closable: true,
+                closeAction: 'hide',
+                //animateTarget: this,
+                width: 600,
+                height: 350,
+                layout: 'border',
+                bodyStyle: 'padding: 5px;',
+                items: [{
+                    region: 'west',
+                    title: 'Navigation',
+                    width: 200,
+                    split: true,
+                    collapsible: true,
+                    floatable: false
+                }, {
+                    region: 'center',
+                    xtype: 'tabpanel',
+                    items: [{
+                        title: 'Bogus Tab',
+                        html: 'Hello world 1'
+                    }, {
+                        title: 'Another Tab',
+                        html: 'Hello world 2'
+                    }, {
+                        title: 'Closable Tab',
+                        html: 'Hello world 3',
+                        closable: true
+                    }]
+                }]
+            });
+        }
+        button.dom.disabled = true;
+        if (win.isVisible()) {
+            win.hide(this, function() {
+                button.dom.disabled = false;
+            });
+        } else {
+            win.show(this, function() {
+                button.dom.disabled = false;
+            });
+        }
+    });
 });
\ No newline at end of file