ASP  配置Dojo框架
通过上一节的学习，了解到在Dojo框架中封装了一些标记，这些标记也可以独立使用，也可以作为HTML标记的扩展。本节，根据上一节的学习，演示创建HTML页面的过程。
创建一个Dojo框架的HTML页面，其步骤如下：
1．引入并配置Dojo
由于dojo是由JavaScript编写，所以第一步必须首先引用dojo框架的JavaScript，同时dojo提供了一些初始化配置，可以在引用dojo的时候同时配置，代码如下：
<script type="text/javascript"
    src="<%= ContextPath()%>/dojo-0.9.0beta/dojo/dojo.js"
    djConfig="isDebug: true， parseOnLoad: true">
</script>
其中src指向的是dojo在web项目中的存放路径。ContextPath()语句表示获取当前页面所在位置。
djConfig是Dojo追加的自定义属性，在HTML标准里并没有。使用djConfig可以做一些基本的配置，isDebug表示了当前页面中使用的dojo内容是否处在调试状态，在调试状态可以输出更多的内容，一般开发的时候选择true。parseOnLoad表示所有的dijit组件是否在html页面装载的时候自动的做展现（Render）处理，使用dijit组件的时候选择true，没有使用的时候使用false可以获得更好的性能。
2．引入Dojo类
引用需要使用的dojo类，这一步有些像Java中的import，注意添加引用的类会增加页面加载是JavaScript的下载量，所以应该尽量的精简引用的dojo对象。代码为：
<script type="text/javascript">
        quire("dijit.form.ValidationTextbox");
validation框架        quire("dijit.form.DateTextbox");
        quire("dijit.form.ComboBox");
        quire("dijit.form.Button");
        quire("dijit.form.Textbox");
        quire("dijit.ColorPalette");
        quire("dijit.form.NumberTextbox");
        quire("dijit.form.CurrencyTextbox");
        quire("dojo.currency");
        quire("dojo.date.locale");
        quire("dojo.parser");
</script>
上述的代码说明了在后续的代码中可能使用的dojo组件，如果要使用其他组件也可以以相同方式引入。在引入这些组件时，需要注意组件所在路径。
3．引用CSS文件
引用需要使用的CSS文件，由于dojo使用CSS实现了主题的概念，所以在使用dojo的时候一定要选择合适的主题。代码为：
<style type="text/css">
@import "/teamware/dojo-0.9.0beta/dojo/resources/dojo.css";
@import "/teamware/dojo-0.9.0beta/dijit/themes/dijit.css";
@import "/teamware/dojo-0.9.0beta/dijit/themes/tundra/tundra.css";
</style>
当然，也可以加入自己的内容，自定以主题。默认的主题时tundra主题。另外需要注意，使用主题的时候需要在html的body元素上使用class属性，代码为：
<body class="tundra">
4．使用dijit组件
所有的组件都有一个dojo自定义的属性dojoType，dojoType决定了这个组件的dijit类型。
dijit组件的使用示例如下所示：
<script type="text/javascript"
    src="dojo-0.9.0beta/dojo/dojo.js"
    djConfig="isDebug: true， parseOnLoad: true">
</script>
<script type="text/javascript">
        quire("dijit.form.DateTextbox");
        quire("dijit.form.Textbox");
        quire("dojo.date.locale");
        quire("dojo.parser");
</script>
<style type="text/css">
@import "/dojo-0.9.0beta/dojo/resources/dojo.css";
@import "/dojo-0.9.0beta/dijit/themes/dijit.css";
@import "/dojo-0.9.0beta/dijit/themes/tundra/tundra.css";
</style>
<body class="tundra">
<input id="startDate" type="text" name="todo.startDate"
        class="medium" value="2007-12-30"
        dojoType="dijit.form.DateTextbox"
        constraints={min:'2007-01-01'，max:'2008-12-31'}
        required="true"
        promptMessage="mm/dd/yyyy"
        invalidMessage="Invalid date. Use mm/dd/yyyy format." />
</form>
<body>
在上述代码中，首先引入dojo.js文件，并对于config进行配置。在脚本程序中，语句quire("dijit.form.DateTextbox")等表示包含要使用的dijit组件，如dijit.form.DateTextbox。最后使用input标记调用该组件，并设置相应属性。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。