ExtJs之元素操作与模板(ExtJs.DomHelper和Ext.XTemplate)?一、简介元素操作通常是指标签的创建、定位、删除和
ExtJs之元素操作与模板(ExtJs.DomHelper和Ext.XTemplate)
?
一、简介
元素操作通常是指标签的创建、定位、删除和样式定义等。
?
模板是Extjs中一个非常重要的基础功能，因为需要生成大量的HTML标签，使用模板绝对是不二的最佳选择，能带来非常棒的可读性。
?
二、Ext.DomHelper 类
Ext.DomHelper 类帮助我们使用javascript 清晰地生成HTML代码，他的使用非常灵活，我们应该找准他的主线，像庖丁解牛一样再慢慢剖开。
?
任何复杂的东西都有他存在的根基，根基就是精髓、是重心。过于浮躁搞不出什么深度，也容易让人丧失自信，掌握一套适合自己的学习方法非常必要，在学习中不断沉淀，完善自我——不仅仅是搞技术，其实任何事情都一样。只要付出了百分之一百的努力，就算没有成功也不会后悔。
?
1、insertHtml ( String where, HTMLElement el, String html )：在指定的元素上插件HTML片段。
参数：
where：插到哪里？可选值有：beforeBegin, afterBegin, beforeEnd, afterEnd
el：参照元素
html：插件的内容
示例：在页面上定义如下div：<div id="e">这是一个层</div>
?
下面是改造后的例子，填充数据时用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();});?
?
如果需要请在附件下载API.