X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/0494b8d9b9bb03ab6c22b34dae81261e3cd7e3e6..7a654f8d43fdb43d78b63d90528bed6e86b608cc:/examples/organizer/OrgPanel.js?ds=sidebyside

diff --git a/examples/organizer/OrgPanel.js b/examples/organizer/OrgPanel.js
new file mode 100644
index 00000000..d48b8743
--- /dev/null
+++ b/examples/organizer/OrgPanel.js
@@ -0,0 +1,36 @@
+/**
+ * @class Ext.org.OrgPanel
+ * @extends Ext.panel.Panel
+ *
+ * This class combines the {@link Ext.org.AlbumTree AlbumTree} and {@link Ext.org.ImageView ImageView}
+ * components into a {@link Ext.layout.container.Border Border} layout.
+ */
+Ext.define('Ext.org.OrgPanel', {
+    extend: 'Ext.panel.Panel',
+    requires: 'Ext.layout.container.Border',
+    
+    layout: 'border',
+    
+    initComponent: function() {
+        this.items = [
+            {
+                xtype: 'albumtree',
+                region: 'west',
+                padding: 5,
+                width: 200
+            },
+            {
+                xtype: 'panel',
+                title: 'My Images',
+                layout: 'fit',
+                region: 'center',
+                padding: '5 5 5 0',
+                items: {
+                    xtype: 'imageview'
+                }
+            }
+        ];
+        
+        this.callParent(arguments);
+    }
+});
\ No newline at end of file