X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/d41dc04ad17d1d9125fb2cf72db2b4782dbe3a8c..0494b8d9b9bb03ab6c22b34dae81261e3cd7e3e6:/examples/view/data-view.js diff --git a/examples/view/data-view.js b/examples/view/data-view.js index b24a4cef..2e4f51c3 100644 --- a/examples/view/data-view.js +++ b/examples/view/data-view.js @@ -1,71 +1,69 @@ -/* - * Ext JS Library 2.2.1 - * Copyright(c) 2006-2009, Ext JS, LLC. - * licensing@extjs.com - * - * http://extjs.com/license - */ - -Ext.onReady(function(){ - var xd = Ext.data; - - 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 tpl = new Ext.XTemplate( - '', - '
', - '
', - '{shortName}
', - '
', - '
' - ); - - var panel = new Ext.Panel({ - id:'images-view', - frame:true, - width:535, - autoHeight:true, - collapsible:true, - layout:'fit', - title:'Simple DataView (0 items selected)', - - items: new Ext.DataView({ - store: store, - tpl: tpl, - autoHeight:true, - multiSelect: true, - overClass:'x-view-over', - itemSelector:'div.thumb-wrap', - emptyText: 'No images to display', - - plugins: [ - new Ext.DataView.DragSelector(), - new Ext.DataView.LabelEditor({dataIndex: 'name'}) - ], - - prepareData: function(data){ - data.shortName = Ext.util.Format.ellipsis(data.name, 15); - data.sizeString = Ext.util.Format.fileSize(data.size); - data.dateString = data.lastmod.format("m/d/Y g:i a"); - return data; - }, - - listeners: { - selectionchange: { - fn: function(dv,nodes){ - var l = nodes.length; - var s = l != 1 ? 's' : ''; - panel.setTitle('Simple DataView ('+l+' item'+s+' selected)'); - } - } - } - }) - }); - panel.render(document.body); - +/*! + * Ext JS Library 3.3.1 + * Copyright(c) 2006-2010 Sencha Inc. + * licensing@sencha.com + * http://www.sencha.com/license + */ +Ext.onReady(function(){ + var xd = Ext.data; + + 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 tpl = new Ext.XTemplate( + '', + '
', + '
', + '{shortName}
', + '
', + '
' + ); + + var panel = new Ext.Panel({ + id:'images-view', + frame:true, + width:535, + autoHeight:true, + collapsible:true, + layout:'fit', + title:'Simple DataView (0 items selected)', + + items: new Ext.DataView({ + store: store, + tpl: tpl, + autoHeight:true, + multiSelect: true, + overClass:'x-view-over', + itemSelector:'div.thumb-wrap', + emptyText: 'No images to display', + + plugins: [ + new Ext.DataView.DragSelector(), + new Ext.DataView.LabelEditor({dataIndex: 'name'}) + ], + + prepareData: function(data){ + data.shortName = Ext.util.Format.ellipsis(data.name, 15); + data.sizeString = Ext.util.Format.fileSize(data.size); + data.dateString = data.lastmod.format("m/d/Y g:i a"); + return data; + }, + + listeners: { + selectionchange: { + fn: function(dv,nodes){ + var l = nodes.length; + var s = l != 1 ? 's' : ''; + panel.setTitle('Simple DataView ('+l+' item'+s+' selected)'); + } + } + } + }) + }); + panel.render(document.body); + }); \ No newline at end of file