X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/d41dc04ad17d1d9125fb2cf72db2b4782dbe3a8c..0494b8d9b9bb03ab6c22b34dae81261e3cd7e3e6:/examples/core/templates.js?ds=inline diff --git a/examples/core/templates.js b/examples/core/templates.js index c8b97fc8..a2b3b200 100644 --- a/examples/core/templates.js +++ b/examples/core/templates.js @@ -1,77 +1,75 @@ -/* - * Ext JS Library 2.2.1 - * Copyright(c) 2006-2009, Ext JS, LLC. - * licensing@extjs.com - * - * http://extjs.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: '
Apply the template to see results here
', - tbar: [{ - text: 'Apply Template', - handler: function(){ - - var tpl = new Ext.Template( - 'Name: {name}
', - 'Company: {company}
', - 'Location: {city}, {state}
' - ); - - tpl.overwrite(p.body, data); - p.body.highlight('#c3daf9', {block:true}); - } - }], - - renderTo: document.body - }); - - - var p2 = new Ext.Panel({ - title: 'XTemplate', - width: 300, - html: 'Apply the template to see results here
', - tbar: [{ - text: 'Apply Template', - handler: function(){ - - var tpl = new Ext.XTemplate( - 'Name: {name}
', - 'Company: {company}
', - 'Location: {city}, {state}
', - 'Kids: ',
- ' {#}. {parent.name}\'s kid - {name}
Apply the template to see results here
', + tbar: [{ + text: 'Apply Template', + handler: function(){ + + var tpl = new Ext.Template( + 'Name: {name}
', + 'Company: {company}
', + 'Location: {city}, {state}
' + ); + + tpl.overwrite(p.body, data); + p.body.highlight('#c3daf9', {block:true}); + } + }], + + renderTo: document.body + }); + + + var p2 = new Ext.Panel({ + title: 'XTemplate', + width: 300, + html: 'Apply the template to see results here
', + tbar: [{ + text: 'Apply Template', + handler: function(){ + + var tpl = new Ext.XTemplate( + 'Name: {name}
', + 'Company: {company}
', + 'Location: {city}, {state}
', + 'Kids: ',
+ ' {#}. {parent.name}\'s kid - {name}