add extjs 6.0.1 sources

[extjs.git] / extjs / examples / classic / organizer / AlbumTree.js

/**\r
 * @class Ext.org.AlbumTree\r
 * @extends Ext.tree.Panel\r
 * @xtype albumtree\r
 *\r
 * This class implements the "My Albums" tree. In addition, this class provides the ability\r
 * to add new albums and accept dropped items from the {@link Ext.org.ImageView}.\r
 */\r
Ext.define('Ext.org.AlbumTree', {\r
    extend: 'Ext.tree.Panel',\r
    alias : 'widget.albumtree',\r
    \r
    title: 'My Albums',\r
    animate: true,\r
    rootVisible: false,\r
    \r
    viewConfig: {\r
        plugins: [{\r
            ddGroup: 'organizerDD',\r
            ptype  : 'treeviewdragdrop',\r
            displayField: 'name'\r
        }]\r
    },\r
    \r
    displayField: 'name',\r
    \r
    initComponent: function() {\r
        this.count = 1;\r
        \r
        this.tbar = [\r
            {\r
                text: 'New Album',\r
                iconCls: 'album-btn',\r
                scope: this,\r
                handler: this.addAlbum\r
            }\r
        ];\r
        \r
        this.store = Ext.create('Ext.data.TreeStore', {\r
            fields: ['name'],\r
            \r
            root: {\r
                name: 'Root',\r
                allowDrop: false,\r
                expanded: true,\r
                children: [\r
                    {\r
                        name   : 'Album 1',\r
                        iconCls: 'album-btn',\r
                        children: []\r
                    }\r
                ]\r
            }\r
        });\r
        \r
        this.callParent();\r
    },\r
    \r
    /**\r
     * Adds a new album node to the root\r
     */\r
    addAlbum: function() {\r
        var root = this.store.getRoot();\r
        this.count++;\r
        \r
        root.appendChild({\r
            name: 'Album ' + this.count,\r
            iconCls: 'album-btn',\r
            children: []\r
        });\r
    }\r
});