开通博客赚积分
发布资源赚积分
分类

源码开发语言/平台
当前位置：首页 > 源码/资料 > Java编程 > JavaScript > 查看源码
templates.js
资源名称：ext-3.1.0.zip　[点击查看]
上传用户：dawnssy
上传日期：2022-08-06
资源大小：9345k
文件大小：2k
源码类别：

JavaScript

开发平台：

JavaScript

templates.js：源码内容
  1. /*!  * Ext JS Library 3.1.0  * Copyright(c) 2006-2009 Ext JS, LLC  * licensing@extjs.com  * http://www.extjs.com/license  */ Ext.onReady(function(){
  3.     var data = {
  4.         name: 'Jack Slocum',
  5.         company: 'Ext JS, LLC',
  6.         address: '4 Red Bulls Drive',
  7.         city: 'Cleveland',
  8.         state: 'Ohio',
  9.         zip: '44102',
  10.         kids: [{
  11.             name: 'Sara Grace',
  12.             age:3
  13.         },{
  14.             name: 'Zachary',
  15.             age:2
  16.         },{
  17.             name: 'John James',
  18.             age:0
  19.         }]
  20.     };
  22.     var p = new Ext.Panel({
  23.         title: 'Basic Template',
  24.         width: 300,
  25.         html: '<p><i>Apply the template to see results here</i></p>',
  26.         tbar: [{
  27.             text: 'Apply Template',
  28.             handler: function(){
  30.                 var tpl = new Ext.Template(
  31.                     '<p>Name: {name}</p>',
  32.                     '<p>Company: {company}</p>',
  33.                     '<p>Location: {city}, {state}</p>'
  34.                 );
  36.                 tpl.overwrite(p.body, data);
  37.                 p.body.highlight('#c3daf9', {block:true});
  38.             }
  39.         }],
  41.         renderTo: document.body
  42.     });
  45.     var p2 = new Ext.Panel({
  46.         title: 'XTemplate',
  47.         width: 300,
  48.         html: '<p><i>Apply the template to see results here</i></p>',
  49.         tbar: [{
  50.             text: 'Apply Template',
  51.             handler: function(){
  53.                 var tpl = new Ext.XTemplate(
  54.                     '<p>Name: {name}</p>',
  55.                     '<p>Company: {company}</p>',
  56.                     '<p>Location: {city}, {state}</p>',
  57.                     '<p>Kids: ',
  58.                     '<tpl for="kids" if="name=='Jack Slocum'">',
  59.                         '<tpl if="age &gt; 1"><p>{#}. {parent.name}'s kid - {name}</p></tpl>',
  60.                     '</tpl></p>'
  61.                 );
  62.                 tpl.overwrite(p2.body, data);
  63.                 p2.body.highlight('#c3daf9', {block:true});
  64.             }
  65.         }],
  67.         renderTo: document.body
  68.     });
  69. });