dojo_dojo의 기본
- WBOY원래의
- 2016-05-16 19:16:221923검색
프로젝트 디렉토리가 다음과 같다고 가정합니다.
<pre class="brush:php;toolbar:false"> -- 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 파일을 생성합니다.
<pre class="brush:php;toolbar:false"><html><br> <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> </head><br><br> <body><br> </body><br></html>위젯 버튼 추가 본문에
<pre class="brush:php;toolbar:false"><button dojoType="Button" widgetId="helloButton">Hello World!</button><br><br>上面不一定要使用widgetId，用平常的id就行了，widget会自己将其转化为widgetId。<br>아래 섹션 2의 코드를 추가하기 시작하세요.
<pre class="brush:php;toolbar:false"> <!-- 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>
<pre class="brush:php;toolbar:false">这样,就完成了HelloWorld.html的代码. 试试吧.<br><br>另外,要注意的是:<br>如果init函数已经运行了,我们再使用<code>document.getElementById</code> 就没用了. 因为DOM<br>已经被widget改变. 只能用dojo.widget.byId.<br>
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.