Ext.XTemplateテンプレート1

原文:
http://www.cnblogs.com/lipan/archive/2011/12/12/2274740.html
任意のコードを即時実行
XTemplateでは、{[...]の範囲内の内容がテンプレートのスコープ内で実行されます.ここにはいくつかの特殊な変数があります.
values:現在のスコープの値です.その中の値を変えたいなら、サブテンプレートのスコープを切り替えることができます.
parent:親テンプレートのオブジェクト
xindex:循環テンプレートの場合、これは現在の循環インデックスindex(1から開始)です.
xcount:循環テンプレートの場合、これは循環の回数です.

//         
var tp6 = new Ext.XTemplate(
 '    ：{[new Date().toLocaleDateString()]}',
 '<table cellpadding=0 cellspacing=0 border=1 width=400px>',
 '<tpl for="friends"><tr>',
     '<tpl if="xindex == 1"><td rowspan={[xcount]}>    ：</td></tpl>',
     '<td>{["  ：" + values.name + "，  ：" + values.age + "，"+ (values.like=="  "?"    ":"    ")]}</td>',
 '</tr></tpl>',
 '</table>'
);
tp6.overwrite("div6", data);

条件論理判定
タグtplと操作子ifの使用に合わせて、簡単な論理判断ができます.else操作子がないことに注意してください.ifを2つ書いて代替してもいいです.また、符号より小さい場合は、符号を通過します.直接に書くことはできません.

//      
var tp5 = new Ext.XTemplate(
 '<table cellpadding=0 cellspacing=0 border=1 width=400px>',
 '<tr><td>    ：</td><td>',
 '<tpl for="friends">',
     '<tpl if="age < 18"><p>{name}：[   ]</p></tpl>',
     '<tpl if="age >= 18"><p>{name}：{age} </p></tpl>',
 '</tpl></td></tr>',
 '</table>'
);
tp5.overwrite("div5", data);