Upgrade to ExtJS 3.3.1 - Released 11/30/2010
[extjs.git] / examples / view / data-view.js
index 6dbbdcc..2e4f51c 100644 (file)
@@ -1,69 +1,69 @@
 /*!
- * Ext JS Library 3.1.1
- * Copyright(c) 2006-2010 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