examples/app/nested-loading/app/view/Viewport.js

   1 /**
   2  * The main application viewport, which displays the whole application
   3  * @extends Ext.Viewport
   4  */
   5 Ext.define('Books.view.Viewport', {
   6     extend: 'Ext.Viewport',
   7     layout: 'fit',
   8
   9     requires: [
  10         'Books.view.Header',
  11         'Books.view.book.View',
  12         'Books.view.book.SideBar',
  13         'Books.view.review.List'
  14     ],
  15
  16     initComponent: function() {
  17         var me = this;
  18
  19         Ext.apply(me, {
  20             items: [
  21                 {
  22                     xtype: 'panel',
  23                     border: false,
  24                     id    : 'viewport',
  25                     layout: {
  26                         type: 'vbox',
  27                         align: 'stretch'
  28                     },
  29
  30                     dockedItems: [
  31                         Ext.create('Books.view.Header'),
  32                         Ext.create('Books.view.book.SideBar')
  33                     ],
  34
  35                     items: [
  36                         Ext.create('Books.view.book.View'),
  37                         Ext.create('Books.view.review.List')
  38                     ]
  39                 }
  40             ]
  41         });
  42
  43         me.callParent(arguments);
  44     }
  45 });