ExtJs学习笔记（XTemplate的使用）

var array = ['张山', '李四', '王五', '赵六'];

var tpl = new Ext.XTemplate(

'<div class="build_error">',

'<tpl for=".">',

'<p>{[this.check(xindex, values)]}</p>',// xindex为循环的索引值，从1开始；values当前范围内的变量

'</tpl>',

'</div>', {

check : function (index, value) {

if(index == 1 ){

return "<font color=red>"+value+"</font>";

} else {

return value;

}

}

}

);

tpl.compile(); // 对模板进行编译,速度比较快.

tpl.overwrite(myPanel.body, array); // 把数据填充到模板中去,并呈现到目标组件

模板格式化函数的列表：

* ellipsis(length) - 对大于指定长度部分的字符串，进行裁剪，增加省略号（“...”）的显示。适用于只显示前N位的字符，然后提供详细页面的链接。

* undef -检查一个值是否为underfined，如果是的转换为空值

* htmlEncode - 转换(&, <, >, and ') 字符

* trim - 对一段文本的前后多余的空格裁剪

* substr(start, length) - 返回一个从指定位置开始的指定长度的子字符串。

* lowercase - 返回一个字符串，该字符串中的字母被转换为小写字母。

* uppercase - 返回一个字符串，该字符串中的字母被转换为大写字母。

* capitalize - 返回一个字符串，该字符串中的第一个字母转化为大写字母，剩余的为小写。

* usMoney - 格式化数字到美元货币。如：$10.97

* date[(format)] - 将一个日期解析成为一个特定格式模式的日期。如日期字符串不输入，默认为“月/日/年”

* stripTags - 剥去变量的所有HTML标签