Upgrade to ExtJS 4.0.0 - Released 04/26/2011

[extjs.git] / examples / organizer / OrgPanel.js

diff --git a/examples/organizer/OrgPanel.js b/examples/organizer/OrgPanel.js
new file mode 100644 (file)
index 0000000..d48b874
--- /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