3 * Copyright(c) 2006-2010 Ext JS, LLC
5 * http://www.extjs.com/license
8 Ext.onReady(function(){
\r
10 var store = new Ext.data.JsonStore({
\r
11 url: 'get-images.php',
\r
13 fields: ['name', 'url', {name:'size', type: 'float'}, {name:'lastmod', type:'date', dateFormat:'timestamp'}]
\r
17 var listView = new Ext.list.ListView({
\r
20 emptyText: 'No images to display',
\r
21 reserveScrollOffset: true,
\r
28 header: 'Last Modified',
\r
29 xtype: 'datecolumn',
\r
30 format: 'm-d h:i a',
\r
32 dataIndex: 'lastmod'
\r
36 tpl: '{size:fileSize}',
\r
38 cls: 'listview-filesize'
\r
42 // put it in a Panel so it looks pretty
\r
43 var panel = new Ext.Panel({
\r
49 title:'Simple ListView <i>(0 items selected)</i>',
\r
52 panel.render(document.body);
\r
54 // little bit of feedback
\r
55 listView.on('selectionchange', function(view, nodes){
\r
56 var l = nodes.length;
\r
57 var s = l != 1 ? 's' : '';
\r
58 panel.setTitle('Simple ListView <i>('+l+' item'+s+' selected)</i>');
\r