add extjs 6.0.1 sources

[extjs.git] / extjs / examples / classic / view / chooser / IconBrowser.js

/**\r
 * @class Ext.chooser.IconBrowser\r
 * @extends Ext.view.View\r
 *\r
 * This is a really basic subclass of Ext.view.View. All we're really doing here is providing the template that dataview\r
 * should use (the tpl property below), and a Store to get the data from. In this case we're loading data from a JSON\r
 * file over AJAX.\r
 */\r
Ext.define('Ext.chooser.IconBrowser', {\r
    extend: 'Ext.view.View',\r
    alias: 'widget.iconbrowser',\r
    \r
    uses: 'Ext.data.Store',\r
    \r
	singleSelect: true,\r
    overItemCls: 'x-view-over',\r
    itemSelector: 'div.thumb-wrap',\r
    tpl: [\r
        // '<div class="details">',\r
            '<tpl for=".">',\r
                '<div class="thumb-wrap">',\r
                    '<div class="thumb">',\r
                        '<img src="icons/{thumb}" />',\r
                    '</div>',\r
                    '<span>{name}</span>',\r
                '</div>',\r
            '</tpl>'\r
        // '</div>'\r
    ],\r
    \r
    initComponent: function() {\r
        this.store = Ext.create('Ext.data.Store', {\r
            autoLoad: true,\r
            fields: ['name', 'thumb', 'url', 'type'],\r
            remoteSort: false,\r
            sorters: 'type',\r
            proxy: {\r
                type: 'ajax',\r
                url : 'icons.json',\r
                reader: {\r
                    type: 'json'\r
                }\r
            }\r
        });\r
        \r
        this.callParent(arguments);\r
    }\r
});