XTemplate

Ext.onReady(function(){

   //

   vardata2 = {

       name:'Alice',

       children:[{

           age: 1,

           nickname:'blue'

       },{

           age: 2,

           nickname:'red'

       },{

           age: 10,

           nickname:'yellow'

       }]

   };/*

       //当改用数组作为数据源而其他格式不变时，XTemplate没有起作用！

   ,{

       name: 'Odavi',

       children:[{

           age: 2,

           nickname: 'orange'

       },{

           age: 8,

           nickname: 'black'

       }]

   }];

   */

   varp3 =newExt.Panel({

       title:'Customer XTemplate',

       width: 300,

       html:'text come here',

       renderTo: document.body,

       tbar:[{

           text:'apply XTemplate',

           handler:function(){

               vartpl =newExt.XTemplate(

                   '<ul><li>',

                   '<tpl for="children" if="name==\'Alice\'">',

                   //{#}返回的是子类在数组中出现的次序（由开始）

                   //若{propertyname}不存在，返回空字符串

                   '<tpl if="age &lt; 3"><p>{#}. {parent.name},{n5ickname},{age}</p></tpl>',

                   '</tpl>',

                   '</li></ul>'

               );

               tpl.overwrite( p3.body, data2);

               p3.body.highlight('#22ee33',{block:true});

           }

       }]

   });

});