首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 开发语言 > 编程 >

Ext学习之四_XTemplate

2013-12-11 
Ext学习之4_XTemplateExt.namespace(com.deng)/** * Ext.XTemplate * Template是模板的意思,就是定义一

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

?

热点排行