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(); // 对模板进行编译,速度比较快.
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标签