examples/organizer/OrgPanel.js

   1 /**
   2  * @class Ext.org.OrgPanel
   3  * @extends Ext.panel.Panel
   4  *
   5  * This class combines the {@link Ext.org.AlbumTree AlbumTree} and {@link Ext.org.ImageView ImageView}
   6  * components into a {@link Ext.layout.container.Border Border} layout.
   7  */
   8 Ext.define('Ext.org.OrgPanel', {
   9     extend: 'Ext.panel.Panel',
  10     requires: 'Ext.layout.container.Border',
  11
  12     layout: 'border',
  13
  14     initComponent: function() {
  15         this.items = [
  16             {
  17                 xtype: 'albumtree',
  18                 region: 'west',
  19                 padding: 5,
  20                 width: 200
  21             },
  22             {
  23                 xtype: 'panel',
  24                 title: 'My Images',
  25                 layout: 'fit',
  26                 region: 'center',
  27                 padding: '5 5 5 0',
  28                 items: {
  29                     xtype: 'imageview'
  30                 }
  31             }
  32         ];
  33
  34         this.callParent(arguments);
  35     }
  36 });