X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/2e847cf21b8ab9d15fa167b315ca5b2fa92638fc..0494b8d9b9bb03ab6c22b34dae81261e3cd7e3e6:/examples/core/templates.js?ds=sidebyside diff --git a/examples/core/templates.js b/examples/core/templates.js index 70a6b8fb..a2b3b200 100644 --- a/examples/core/templates.js +++ b/examples/core/templates.js @@ -1,75 +1,75 @@ /*! - * 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(){ - - 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}

', - '

' - ); - tpl.overwrite(p2.body, data); - p2.body.highlight('#c3daf9', {block:true}); - } - }], - - renderTo: document.body - }); +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}

', + '

' + ); + tpl.overwrite(p2.body, data); + p2.body.highlight('#c3daf9', {block:true}); + } + }], + + renderTo: document.body + }); }); \ No newline at end of file