templates.js
资源名称:ext-3.0.0.zip [点击查看]
上传用户:shuoshiled
上传日期:2018-01-28
资源大小:10124k
文件大小:2k
源码类别:
中间件编程
开发平台:
JavaScript
- /*! * Ext JS Library 3.0.0 * Copyright(c) 2006-2009 Ext JS, LLC * licensing@extjs.com * http://www.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: '<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 > 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
- });
- });