X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/6e39d509471fe9b4e2660e0d1631b350d0c66f40..f5240829880f87e0cf581c6a296e436fdef0ef80:/examples/view/list-view.js?ds=inline diff --git a/examples/view/list-view.js b/examples/view/list-view.js index 6088ae16..06a8a47d 100644 --- a/examples/view/list-view.js +++ b/examples/view/list-view.js @@ -1,60 +1,60 @@ /*! - * Ext JS Library 3.1.0 - * Copyright(c) 2006-2009 Ext JS, LLC + * Ext JS Library 3.3.0 + * Copyright(c) 2006-2010 Ext JS, Inc. * licensing@extjs.com * http://www.extjs.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.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)'); - }); + +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