假设我们的工程目录如下:
-- HelloWorld.html<br><br> |-- js/<br><br> -- dojo/ /*此处是dojo包下面的文件,列表如下<br><pre class="brush:php;toolbar:false;"> -- build.txt<br> -- CHANGELOG<br> -- demos<br><br> -- ..<br> -- dojo.js<br> -- dojo.js.uncompressed.js<br> -- iframe_history.html<br> -- LICENSE<br> -- README<br> -- src/<br><br>
现在我们创建HelloWorld.html文件,代码如下:
<br> <head></head><br> <title>Dojo: Hello World!</title><br><br> <!-- SECTION 1 --><br> <script type="text/javascript" src="js/dojo/dojo.js"></script><br><br> <!-- SECTION 2 --> <br> <br><br> <body><br> </body><br>
在body中加入一个widget button
<button dojotype="Button" widgetid="helloButton">Hello World!</button><br><br>上面不一定要使用widgetId,用平常的id就行了,widget会自己将其转化为widgetId。<br>
以下开始加入section 2的代码。
<!-- SECTION 2 --><br> <script type="text/javascript"><br><br> //引入库<BR> //event.*是处理事件,比如:点击,的所有包。<BR> dojo.require("dojo.event.*");<BR> dojo.require("dojo.widget.*");<BR> dojo.require("dojo.widget.Button");<br><br> //点击按钮后调用的函数<BR> function helloPressed()<BR> {<BR> alert('You pressed the button');<BR> }<br><br> //将helloButton的点击事件绑定到helloPressed()函数<BR> function init()<BR> {<BR> var helloButton = dojo.widget.byId('helloButton');//获得button对象<BR> dojo.event.connect(helloButton, 'onClick', 'helloPressed')//绑定,这只是其中一种绑定方法<BR> }<br><br> dojo.addOnLoad(init);//当然也可以将init函数命为其它的名<BR> </script><br>document.getElementById










