学习EXT第十日--模板(Templates)起步
2007-11-12 23:49
281 查看
教程:模板(Templates)起步
Summary:摘要 本教程将简述模板的功能,和怎样格式化一些基本数据Author: Shea Frederick
Translater: Frank Cheung
Published: April 18, 2007
首先建议读者先下载本例的代码,以配合文本的说明。完成好的例子在这里。
第一步 您的HTML模板
第一个步骤没有任何特别,这里的HTML可以说是用来格式化你的数据。花括号里面的关键字就是你数据中的{id},{url} 和{text}的容器(placeholder) 。或者用纯数字{0},{1},{2}来表示,但是关键字的命名方式会使你的代码更可读。现在我们加载html模板,创建一个模板对象(第五行),然后进行编译(第六行)。尽管编译模板不是必须的,但是一般情况下总能改善性能的。
var html = '<a id="{id}" href="{url}" class="nav">{text}</a><br />'; var tpl = new Ext.Template(html); tpl.compile();
第二步,将数据加入到模板中
这里我们将使用append方法加入两行的数据。正如你所见,元素的“id”、“url”和“text”相对应于上述模板的容器。tpl.append('blog-roll', { id: 'link1', url: 'http://www.jackslocum.com/', text: "Jack's Site" }); tpl.append('blog-roll', { id: 'link2', url: 'http://www.extjs.com/', text: "Jack's New Site" });
这就是模板的基本知识点,对于你来这说非常简单吧?
下一步
如果你想换换口味,文档区便是一个绝佳的好地方。看看范例Feed Viewer,里面就大量使用了模板。API文档
社区论坛
http://www.ajaxjs.com/article.asp?id=20072180
相关文章推荐
- 学习EXT第十日(B):学习利用模板(Templates)的格式化功能
- Ext.XTemplate模板学习
- Ext 介绍入门之 Templates(模板)
- Django学习:模板Templates(4)
- 学习利用模板(Templates)的格式化功能
- Django学习9:模板(templates)
- 学习利用模板(Templates)的格式化功能
- Ext学习笔记04 - UI组件 - Component, Button
- 《UNIX环境高级编程》起步学习以及实例编译方法
- 学习模板实例
- TensorFlow官方教程学习笔记(一)——起步
- 监督学习-logistics回归算法模板
- ExtJs学习系列(3)--Ext.Window
- 设计模式学习笔记之模板方法模式
- Git学习笔记之一《起步》
- 学习tornado:模板
- WPF学习之深入浅出话模板
- java学习笔记-设计模式15(模板方法模式)
- 【D3D11游戏编程】学习笔记十八:模板缓冲区的使用、镜子的实现
- 学习笔记之maven2学习总结(1,入门起步与实践) [ 光影人像 东海陈光剑 的博客 ]