Dojo 控件性能优化最佳实践
2010-03-09 00:00:00 来源:WEB开发网<input type="text" dojoType="dijit.form.DateTextBox" id=" dojoDatetextbox01" value="2009-04-29"/>
在页面加载的时候 dojo 会初始化 dijit.form.DateTextBox 类型的控件,同时会把 value="2009-04-29"做为参数传给初始化方法 , 但由于 dijit.form.TimeTextBox 对应的 value 属性的值是 Date 类型,所以 dojo.parser 会对其进行转换 , 此时会用到 dojo 日期转换功能,这里不做详细介绍 , 代码如下:
清单 2. 声明方式初始化 dojo 控件
<script djConfig="parseOnLoad: true,
isDebug: true, src="<%=Context%>/javascript/dojo/dojo.js" >
</script>
<script type="text/javascript">
dojo.require("dojo.parser");
dojo.require("dijit.form.DateTextBox");
</script>
<body class="tundra">
<input type="text" id="text001" dojoType="dijit.form.TimeTextBox" value="T14:22">
</body>
图 1. 声明方式初始化 dojo 控件效果
编程方式始化 Dojo 控件
也称作动态加载方式,Dojo 允许以更加面向对象的方式来创建和使用 Dojo 控件,上面例子中的日期控件,我们可以采用如下方式来初始化
new dijit.form.DateTextBox({"id":"dojoDatetextbox01","value":dojo.date.locale.parse("2009-04-29",{selector:"date"})},dojo.byId("dojotext01"));
- ››Dojo QuickStart 快速入门教程 (4) 简单的测试框架...
- ››Dojo QuickStart 快速入门教程 (5) 使用数组
- ››Dojo QuickStart Guide 快速入门 Why Dojo
- ››Dojo Quick Start Guide 快速入门 (2) 基本框架
- ››Dojo QuickStart 快速入门教程 (3) 选择器
- ››Dojo Javascript 编程规范 [1]
- ››Dojo Javascript 编程规范 [2]
- ››Dojo Javascript 编程规范 [3]
- ››Dojo Javascript 编程规范 [4]
- ››Dojo Javascript 编程规范 [5]
- ››Dojo学习笔记(7. dojo.dom)
- ››Dojo学习笔记(8. dojo.event & dojo.event.to...
更多精彩
赞助商链接