Dojo 控件性能优化最佳实践

核心提示： 如何初始化 Dojo 控件？那么如何才能在你的 Web 应用中初始化一个 Dojo 控件？ 这里向大家介绍 Dojo 提供的两种初始化途径 : 声明方式和编程方式 .声明方式初始化 Dojo 控件也称作静态加载方式，在 HTML 的基本控件上添加 dojoType 属性，Dojo 控件性能优化最

如何初始化 Dojo 控件？

那么如何才能在你的 Web 应用中初始化一个 Dojo 控件？ 这里向大家介绍 Dojo 提供的两种初始化途径 : 声明方式和编程方式 .

声明方式初始化 Dojo 控件

也称作静态加载方式，在 HTML 的基本控件上添加 dojoType 属性，给该属性赋相应的值，这个属性值是 Dojo 定义的一个控件的类名，由包名加上类名的形式组成，例如：dijit.form.TextBox, 这样，在加载页面的过程中 Dojo 会将指定了 dojoType 的 HTML 控件转为一个 dojo 控件 , 如 <input type="text" dojoType="dijit.form.DateTextBox" id="dojoDatetextbox01" value="2009-04-29">

在页面加载完成后会转变为一个 dojo 文本控件。

那么，一个 Dojo 控件是如何产生的呢？我们在页面中要创建 Dojo 控件的时候，需要引用“dojo.parser”这样一个对象，

清单 1. 引入 dojo.parser 对象

　<script　type="text/javascript">　
　dojo.require("dojo.parser");　
　</script>　

页面装载的过程中，使用 djConfig="parseOnLoad:true"来指定在页面加载完成后确定执行解析功能，dojo.require("dojo.parser") 是用来加载具体执行解析 Dojo 标记的对象，该对象提供了一些的将 Dojo 定义在 HTML 元素上的属性（比如：dojoType）解析成浏览器可以识别执行的代码的方法。dojo.parser 在生成 Dojo 控件的过程中起到了关键性的作用，他会遍历页面取出有 dojoType 属性的 HTML 元素，根据 dojoType 的值来初始化 dojo 控件对象 , 同时会把页面中该元素的属性值做为参数传递给初始化方法，Dojo 把参数值转换为自己需要的类型。例 :