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();
});