Upgrade to ExtJS 3.3.1 - Released 11/30/2010
[extjs.git] / examples / core / templates.js
index c8b97fc..a2b3b20 100644 (file)
@@ -1,77 +1,75 @@
-/*\r
- * Ext JS Library 2.2.1\r
- * Copyright(c) 2006-2009, Ext JS, LLC.\r
- * licensing@extjs.com\r
- * \r
- * http://extjs.com/license\r
- */\r
-\r
-Ext.onReady(function(){\r
-\r
-    var data = {\r
-        name: 'Jack Slocum',\r
-        company: 'Ext JS, LLC',\r
-        address: '4 Red Bulls Drive',\r
-        city: 'Cleveland',\r
-        state: 'Ohio',\r
-        zip: '44102',\r
-        kids: [{\r
-            name: 'Sara Grace',\r
-            age:3\r
-        },{\r
-            name: 'Zachary',\r
-            age:2\r
-        },{\r
-            name: 'John James',\r
-            age:0\r
-        }]\r
-    };\r
-\r
-    var p = new Ext.Panel({\r
-        title: 'Basic Template',\r
-        width: 300,\r
-        html: '<p><i>Apply the template to see results here</i></p>',\r
-        tbar: [{\r
-            text: 'Apply Template',\r
-            handler: function(){\r
-\r
-                var tpl = new Ext.Template(\r
-                    '<p>Name: {name}</p>',\r
-                    '<p>Company: {company}</p>',\r
-                    '<p>Location: {city}, {state}</p>'\r
-                );\r
-\r
-                tpl.overwrite(p.body, data);\r
-                p.body.highlight('#c3daf9', {block:true});\r
-            }\r
-        }],\r
-\r
-        renderTo: document.body\r
-    });\r
-\r
-\r
-    var p2 = new Ext.Panel({\r
-        title: 'XTemplate',\r
-        width: 300,\r
-        html: '<p><i>Apply the template to see results here</i></p>',\r
-        tbar: [{\r
-            text: 'Apply Template',\r
-            handler: function(){\r
-\r
-                var tpl = new Ext.XTemplate(\r
-                    '<p>Name: {name}</p>',\r
-                    '<p>Company: {company}</p>',\r
-                    '<p>Location: {city}, {state}</p>',\r
-                    '<p>Kids: ',\r
-                    '<tpl for="kids" if="name==\'Jack Slocum\'">',\r
-                        '<tpl if="age &gt; 1"><p>{#}. {parent.name}\'s kid - {name}</p></tpl>',\r
-                    '</tpl></p>'\r
-                );\r
-                tpl.overwrite(p2.body, data);\r
-                p2.body.highlight('#c3daf9', {block:true});\r
-            }\r
-        }],\r
-\r
-        renderTo: document.body\r
-    });\r
+/*!
+ * Ext JS Library 3.3.1
+ * Copyright(c) 2006-2010 Sencha Inc.
+ * licensing@sencha.com
+ * http://www.sencha.com/license
+ */
+Ext.onReady(function(){
+
+    var data = {
+        name: 'Jack Slocum',
+        company: 'Ext JS, LLC',
+        address: '4 Red Bulls Drive',
+        city: 'Cleveland',
+        state: 'Ohio',
+        zip: '44102',
+        kids: [{
+            name: 'Sara Grace',
+            age:3
+        },{
+            name: 'Zachary',
+            age:2
+        },{
+            name: 'John James',
+            age:0
+        }]
+    };
+
+    var p = new Ext.Panel({
+        title: 'Basic Template',
+        width: 300,
+        html: '<p><i>Apply the template to see results here</i></p>',
+        tbar: [{
+            text: 'Apply Template',
+            handler: function(){
+
+                var tpl = new Ext.Template(
+                    '<p>Name: {name}</p>',
+                    '<p>Company: {company}</p>',
+                    '<p>Location: {city}, {state}</p>'
+                );
+
+                tpl.overwrite(p.body, data);
+                p.body.highlight('#c3daf9', {block:true});
+            }
+        }],
+
+        renderTo: document.body
+    });
+
+
+    var p2 = new Ext.Panel({
+        title: 'XTemplate',
+        width: 300,
+        html: '<p><i>Apply the template to see results here</i></p>',
+        tbar: [{
+            text: 'Apply Template',
+            handler: function(){
+
+                var tpl = new Ext.XTemplate(
+                    '<p>Name: {name}</p>',
+                    '<p>Company: {company}</p>',
+                    '<p>Location: {city}, {state}</p>',
+                    '<p>Kids: ',
+                    '<tpl for="kids" if="name==\'Jack Slocum\'">',
+                        '<tpl if="age &gt; 1"><p>{#}. {parent.name}\'s kid - {name}</p></tpl>',
+                    '</tpl></p>'
+                );
+                tpl.overwrite(p2.body, data);
+                p2.body.highlight('#c3daf9', {block:true});
+            }
+        }],
+
+        renderTo: document.body
+    });
 });
\ No newline at end of file
 });
\ No newline at end of file