X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/c930e9176a5a85509c5b0230e2bff5c22a591432..6b044c28b5f26fb99c86c237ffad19741c0f7f3d:/examples/view/list-view.js diff --git a/examples/view/list-view.js b/examples/view/list-view.js index fc2ea833..14d347ba 100644 --- a/examples/view/list-view.js +++ b/examples/view/list-view.js @@ -1,58 +1,60 @@ /*! - * Ext JS Library 3.0.0 - * Copyright(c) 2006-2009 Ext JS, LLC - * licensing@extjs.com - * http://www.extjs.com/license + * Ext JS Library 3.3.1 + * Copyright(c) 2006-2010 Sencha Inc. + * licensing@sencha.com + * http://www.sencha.com/license */ - -Ext.onReady(function(){ - - var store = new Ext.data.JsonStore({ - url: 'get-images.php', - root: 'images', - fields: ['name', 'url', {name:'size', type: 'float'}, {name:'lastmod', type:'date', dateFormat:'timestamp'}] - }); - store.load(); - - var listView = new Ext.ListView({ - store: store, - multiSelect: true, - emptyText: 'No images to display', - reserveScrollOffset: true, - - columns: [{ - header: 'File', - width: .5, - dataIndex: 'name' - },{ - header: 'Last Modified', - width: .35, - dataIndex: 'lastmod', - tpl: '{lastmod:date("m-d h:i a")}' - },{ - header: 'Size', - dataIndex: 'size', - tpl: '{size:fileSize}', - align: 'right' - }] - }); - - // put it in a Panel so it looks pretty - var panel = new Ext.Panel({ - id:'images-view', - width:425, - height:250, - collapsible:true, - layout:'fit', - title:'Simple ListView (0 items selected)', - items: listView - }); - panel.render(document.body); - - // little bit of feedback - listView.on('selectionchange', function(view, nodes){ - var l = nodes.length; - var s = l != 1 ? 's' : ''; - panel.setTitle('Simple ListView ('+l+' item'+s+' selected)'); - }); + +Ext.onReady(function(){ + + var store = new Ext.data.JsonStore({ + url: 'get-images.php', + root: 'images', + fields: ['name', 'url', {name:'size', type: 'float'}, {name:'lastmod', type:'date', dateFormat:'timestamp'}] + }); + store.load(); + + var listView = new Ext.list.ListView({ + store: store, + multiSelect: true, + emptyText: 'No images to display', + reserveScrollOffset: true, + + columns: [{ + header: 'File', + width: .5, + dataIndex: 'name' + },{ + header: 'Last Modified', + xtype: 'datecolumn', + format: 'm-d h:i a', + width: .35, + dataIndex: 'lastmod' + },{ + header: 'Size', + dataIndex: 'size', + tpl: '{size:fileSize}', + align: 'right', + cls: 'listview-filesize' + }] + }); + + // put it in a Panel so it looks pretty + var panel = new Ext.Panel({ + id:'images-view', + width:425, + height:250, + collapsible:true, + layout:'fit', + title:'Simple ListView (0 items selected)', + items: listView + }); + panel.render(document.body); + + // little bit of feedback + listView.on('selectionchange', function(view, nodes){ + var l = nodes.length; + var s = l != 1 ? 's' : ''; + panel.setTitle('Simple ListView ('+l+' item'+s+' selected)'); + }); }); \ No newline at end of file