Dojo 控件性能优化最佳实践

　2010-03-09 00:00:00　来源：WEB开发网　　　

核心提示： 该方法有两个参数 , 第一个为 dojo 对象属性值的一个集合，第二个参数指出了 dojo 控件在页面上的位置，Dojo 控件性能优化最佳实践(4)，在此例中 id 值为" dojotext01"的 HTML 元素将被替换为 Dojo 控件 , 同时原来的 HTML 控件将被

该方法有两个参数 , 第一个为 dojo 对象属性值的一个集合，第二个参数指出了 dojo 控件在页面上的位置，在此例中 id 值为" dojotext01"的 HTML 元素将被替换为 Dojo 控件 , 同时原来的 HTML 控件将被移除。

第一个参数中我们同样有两个属性 id 和 value, 由于编程方式定义的 Dojo 控件不再经过 dojo.parser 处理，因此 value 属性的值必须是日期类型 ,

我们用 dojo.date.locale.parse 方法来将字符串转换为 Date 类型，此处我们会看到同样是把字符串转换为 Date 类型，详细代码如下 :

清单 3. 编程方式初始化 dojo 控件

　<script　djConfig="parseOnLoad:　true,　isDebug:　true,　　src="<%=Context%>/javascript/dojo/dojo.js"　></script>　　<script　type="text/javascript">　　dojo.require("dijit.form.TimeTextBox");　　</script>　　<body　class="tundra">　　<input　type="text"　id="dojotext01">　　<script>　　new　dijit.form.DateTextBox({"id":"dojoDatetextbox01","value":　　dojo.date.locale.parse("2009-04-29",{selector:"date"})},dojo.byId("dojotext01"));　　</script>　　</body>　

使用编程方式，就不需要 dojo.parser 来参与到 Dojo 控件的初始化过程中，仅用 Dojo 提供的方式构建一个日期控件对象，这一过程类似于 Java 语言中，通过类的构造方法，来实例化对象的过程。

声明方式和编程方式初始化的 Dojo 控件在页面中展示的效果是一样的，没有任何的区别。声明方式定义 Dojo 控件实现起来比较简单，而且 dojo.parser 帮助我们做了很多辅助工作。编程方式稍微复杂些，但相比声明方式 , 编程方式更灵活，我们可以很方便的控制它的初始化过程。

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