Upgrade to ExtJS 4.0.0 - Released 04/26/2011

[extjs.git] / examples / app / nested-loading / app / view / Viewport.js

diff --git a/examples/app/nested-loading/app/view/Viewport.js b/examples/app/nested-loading/app/view/Viewport.js
new file mode 100644 (file)
index 0000000..71d57c1
--- /dev/null
+++ b/examples/app/nested-loading/app/view/Viewport.js
@@ -0,0 +1,45 @@
+/**
+ * The main application viewport, which displays the whole application
+ * @extends Ext.Viewport
+ */
+Ext.define('Books.view.Viewport', {
+    extend: 'Ext.Viewport',    
+    layout: 'fit',
+    
+    requires: [
+        'Books.view.Header',
+        'Books.view.book.View',
+        'Books.view.book.SideBar',
+        'Books.view.review.List'
+    ],
+    
+    initComponent: function() {
+        var me = this;
+        
+        Ext.apply(me, {
+            items: [
+                {
+                    xtype: 'panel',
+                    border: false,
+                    id    : 'viewport',
+                    layout: {
+                        type: 'vbox',
+                        align: 'stretch'
+                    },
+                    
+                    dockedItems: [
+                        Ext.create('Books.view.Header'),
+                        Ext.create('Books.view.book.SideBar')
+                    ],
+                    
+                    items: [
+                        Ext.create('Books.view.book.View'),
+                        Ext.create('Books.view.review.List')
+                    ]
+                }
+            ]
+        });
+                
+        me.callParent(arguments);
+    }
+});
\ No newline at end of file