X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/2e847cf21b8ab9d15fa167b315ca5b2fa92638fc..ddde20c4d4ac6a8d53de079761155de813845b3c:/examples/view/data-view.js diff --git a/examples/view/data-view.js b/examples/view/data-view.js index 6dbbdccf..e8bc7755 100644 --- a/examples/view/data-view.js +++ b/examples/view/data-view.js @@ -1,69 +1,69 @@ /*! - * Ext JS Library 3.1.1 - * Copyright(c) 2006-2010 Ext JS, LLC + * Ext JS Library 3.2.0 + * Copyright(c) 2006-2010 Ext JS, Inc. * licensing@extjs.com * http://www.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.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