/*!
- * 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(){\r
- var xd = Ext.data;\r
-\r
- var store = new Ext.data.JsonStore({\r
- url: 'get-images.php',\r
- root: 'images',\r
- fields: ['name', 'url', {name:'size', type: 'float'}, {name:'lastmod', type:'date', dateFormat:'timestamp'}]\r
- });\r
- store.load();\r
-\r
- var tpl = new Ext.XTemplate(\r
- '<tpl for=".">',\r
- '<div class="thumb-wrap" id="{name}">',\r
- '<div class="thumb"><img src="{url}" title="{name}"></div>',\r
- '<span class="x-editable">{shortName}</span></div>',\r
- '</tpl>',\r
- '<div class="x-clear"></div>'\r
- );\r
-\r
- var panel = new Ext.Panel({\r
- id:'images-view',\r
- frame:true,\r
- width:535,\r
- autoHeight:true,\r
- collapsible:true,\r
- layout:'fit',\r
- title:'Simple DataView (0 items selected)',\r
-\r
- items: new Ext.DataView({\r
- store: store,\r
- tpl: tpl,\r
- autoHeight:true,\r
- multiSelect: true,\r
- overClass:'x-view-over',\r
- itemSelector:'div.thumb-wrap',\r
- emptyText: 'No images to display',\r
-\r
- plugins: [\r
- new Ext.DataView.DragSelector(),\r
- new Ext.DataView.LabelEditor({dataIndex: 'name'})\r
- ],\r
-\r
- prepareData: function(data){\r
- data.shortName = Ext.util.Format.ellipsis(data.name, 15);\r
- data.sizeString = Ext.util.Format.fileSize(data.size);\r
- data.dateString = data.lastmod.format("m/d/Y g:i a");\r
- return data;\r
- },\r
- \r
- listeners: {\r
- selectionchange: {\r
- fn: function(dv,nodes){\r
- var l = nodes.length;\r
- var s = l != 1 ? 's' : '';\r
- panel.setTitle('Simple DataView ('+l+' item'+s+' selected)');\r
- }\r
- }\r
- }\r
- })\r
- });\r
- panel.render(document.body);\r
-\r
+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(
+ '<tpl for=".">',
+ '<div class="thumb-wrap" id="{name}">',
+ '<div class="thumb"><img src="{url}" title="{name}"></div>',
+ '<span class="x-editable">{shortName}</span></div>',
+ '</tpl>',
+ '<div class="x-clear"></div>'
+ );
+
+ 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