WEB开发网
开发学院网页设计JavaScript Dojo 控件性能优化最佳实践 阅读

Dojo 控件性能优化最佳实践

 2010-03-09 00:00:00 来源:WEB开发网   
核心提示: <input type="text" dojoType="dijit.form.DateTextBox" id=" dojoDatetextbox01" value="2009-04-29"/>在页面加载

<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 允许以更加面向对象的方式来创建和使用 Dojo 控件,上面例子中的日期控件,我们可以采用如下方式来初始化

new dijit.form.DateTextBox({"id":"dojoDatetextbox01","value":dojo.date.locale.parse("2009-04-29",{selector:"date"})},dojo.byId("dojotext01"));

上一页  1 2 3 4 5 6 7 8  下一页

Tags:Dojo 控件 性能

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接