add extjs 6.0.1 sources

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

/**\r
 * @class Ext.org.OrgPanel\r
 * @extends Ext.panel.Panel\r
 *\r
 * This class combines the {@link Ext.org.AlbumTree AlbumTree} and {@link Ext.org.ImageView ImageView}\r
 * components into a {@link Ext.layout.container.Border Border} layout.\r
 */\r
Ext.define('Ext.org.OrgPanel', {\r
    extend: 'Ext.panel.Panel',\r
    requires: 'Ext.layout.container.Border',\r
    \r
    layout: 'border',\r
    \r
    initComponent: function() {\r
        this.items = [\r
            {\r
                xtype: 'albumtree',\r
                region: 'west',\r
                padding: 5,\r
                width: 200\r
            },\r
            {\r
                xtype: 'panel',\r
                title: 'My Images',\r
                layout: 'fit',\r
                region: 'center',\r
                padding: '5 5 5 0',\r
                items: {\r
                    xtype: 'imageview',\r
                    /*  (add a '/' at the front of this line to turn this on)\r
                    listeners: {\r
                        containermouseout: function (view, e) {\r
                            Ext.log('ct', e.type);\r
                        },\r
                        containermouseover: function (view, e) {\r
                            Ext.log('ct', e.type);\r
                        },\r
                        itemmouseleave: function (view, record, item, index, e) {\r
                            Ext.log('item', e.type, ' id=', record.id);\r
                        },\r
                        itemmouseenter: function (view, record, item, index, e) {\r
                            Ext.log('item', e.type, ' id=', record.id);\r
                        }\r
                    },/**/\r
                    trackOver: true\r
                }\r
            }\r
        ];\r
        \r
        this.callParent(arguments);\r
    }\r
});