现在的位置: 首页 > 综合 > 正文

ExtJs学习笔记(XTemplate的使用)

2013年11月03日 ⁄ 综合 ⁄ 共 904字 ⁄ 字号 评论关闭

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标签 

抱歉!评论已关闭.