DOJO安装与使用

作者在 2008-04-29 13:12:57 发布以下内容

        首先,到http://dojotoolkit.org/downloads下载dojo包。解压后放在工程的WebContent下。如果觉得名字太长可以改成dojo。
        给一个简单的弹出框例子:

新建一个index.html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

<title>DOJO: Hello world!</title>

<style type="text/css">

@import "dojo/dijit/themes/tundra/tundra.css";

@import "dojo/dojo/resources/dojo.css"

</style>

<script type="text/javascript" src="dojo/dojo/dojo.js"

djConfig="parseOnLoad: true">

</script>

<script type="text/javascript">

    dojo.require("dijit.form.Button");

</script>

</head>

<body class="tundra">

<button dojoType="dijit.form.Button" id="helloButton">

    Hello World!

    <script type="dojo/method" event="onClick">

        alert("Hello world!");

    </script>

</button>

</body>

</html>

        注意,要在head中引入一个css样式,这里是tundra.css,dojo.css是必要的。然后再引入dojo.js。注意body要写一个class="tundra"。本例中,使用了dojo的button,所以还要在head中加入一句dojo.require("dijit.form.Button");然后在button中,通过script来处理onClick事件。

DOJO | 阅读 3090 次
文章评论,共0条
游客请输入验证码