X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/0494b8d9b9bb03ab6c22b34dae81261e3cd7e3e6..7a654f8d43fdb43d78b63d90528bed6e86b608cc:/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
index 00000000..71d57c1e
--- /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