add extjs 6.0.1 sources

[extjs.git] / extjs / build / examples / classic / grid / list-view.js

Ext.require([\r
    'Ext.grid.*',\r
    'Ext.data.*',\r
    'Ext.panel.*'\r
]);\r
Ext.onReady(function(){\r
    Ext.define('ImageModel', {\r
        extend: 'Ext.data.Model',\r
        fields: ['name', 'url', {name:'size', type: 'float'}, {name:'lastmod', type:'date', dateFormat:'timestamp'}]\r
    });\r
    var store = Ext.create('Ext.data.JsonStore', {\r
        model: 'ImageModel',\r
        proxy: {\r
            type: 'ajax',\r
            url: 'get-images.php',\r
            reader: {\r
                type: 'json',\r
                rootProperty: 'images'\r
            }\r
        }\r
    });\r
    store.load();\r
\r
    var listView = Ext.create('Ext.grid.Panel', {\r
        width:425,\r
        height:250,\r
        collapsible:true,\r
        title:'Simple ListView <i>(0 items selected)</i>',\r
        renderTo: Ext.getBody(),\r
\r
        store: store,\r
        multiSelect: true,\r
        viewConfig: {\r
            emptyText: 'No images to display'\r
        },\r
\r
        columns: [{\r
            text: 'File',\r
            flex: (Ext.themeName === 'neptune-touch' || Ext.themeName === 'crisp') ? 47: 50,\r
            dataIndex: 'name'\r
        },{\r
            text: 'Last Modified',\r
            xtype: 'datecolumn',\r
            format: 'm-d h:i a',\r
            flex: 35,\r
            dataIndex: 'lastmod'\r
        },{\r
            text: 'Size',\r
            dataIndex: 'size',\r
            tpl: '{size:fileSize}',\r
            align: 'right',\r
            flex: (Ext.themeName === 'neptune-touch' || Ext.themeName === 'crisp') ? 18: 15,\r
            cls: 'listview-filesize'\r
        }]\r
    });\r
\r
    // little bit of feedback\r
    listView.on('selectionchange', function(view, nodes){\r
        var len = nodes.length,\r
            suffix = len === 1 ? '' : 's',\r
            str = 'Simple ListView <i>({0} item{1} selected)</i>';\r
            \r
        listView.setTitle(Ext.String.format(str, len, suffix));\r
    });\r
});\r