Ext学习之4_XTemplate

Ext.namespace("com.deng");/** * Ext.XTemplate * Template是模板的意思，就是定义一段html代码，并放置若干个{}作为占位符,运行时将数据 * 填充到{}中去，和java 的messageformat差不多 * DomHelper解决不了的事情XTemplate一定可以 * 使用XTempalte一般会经历三个步骤: * 1.定义XTemplate对象，指定一段html代码作为模板 * 2.指定XTemplate中定义的html应该放置的位置，并填充占位符信息 * 3.编译XTemplate *//**Ext.onReady(function(){var xt = new Ext.XTemplate("<table border={0} width={1}>","<tr>",     "<td>{2}</td>",     "<td>{3}</td>",     "<td>{4}</td>", "<tr>",  "</table>");xt.append("xt",[1,300,"单元格1","单元格2","单元格3"]);xt.compile();});*//** * 用json替代数组 */Ext.onReady(function(){var xt = new Ext.XTemplate("<table border={b} width={w}>","<tr>",     "<td>{v1}</td>",     "<td>{v2}</td>",     "<td>{v3}</td>", "<tr>",  "</table>");xt.append("xt",{b:1,w:300,v1:"单元格1",v2:"单元格2",v3:"单元格3"});xt.compile();});

?