Ext学习之5_XTemplate2
Ext.namespace("com.deng");/** * XTemplate用于定义一个模板，并将值提供给{}占位符，XTemplate也能和Ext.util.Format配合，将填充 * 的值进行格式化，得到用户想要的任何效果 * 基本格式：{index|name:method(params)} * index: 索引 * name: json对象的属性名 * method:Ext.util.Format类的方法名 * params:Ext.util.Format类的方法参数 *//**Ext.onReady(function(){var xt = new Ext.XTemplate("<table border={b} width={w}>", "<tr>", '<td>{v1:date("Y年m月d日H时i分s秒")}</td>', "<td>{v2:lowercase}</td>", "<td>{v3:ellipsis(5)}</td>", "<tr>", "</table>");xt.append("xt",{b:1,w:300,v1:new Date(),v2:"CEL2",v3:"这是一段很长的字符串"});xt.compile();});*//** * 备注： * 输出日期时如果使用"<td>{v1:date('Y年m月d日H时i分s秒')}</td>",即双引号在外面，单引号在内会报错 *//** * 在显示性别时根据不同的性别显示不同图片 */Ext.onReady(function(){var xt2 = new Ext.XTemplate("您的性别是：{sex:this.sexRender}");xt2.sexRender = function(value){return value == "男"?"<img src='../_images/edit.gif'>":"<img src='../_images/refresh.gif'>"};xt2.append("xt",{sex:"男"});xt2.compile();});/** * this.sexRender中的this是指xt2对象，所有sexRender必须定义在xt2上,否则Ext会从fm对象中索取方法，fm * 是Ext自己定义的对象 */?