dojo 之基础篇

网络编程 2024/11/13 佚名

3 2 1

假设我们的工程目录如下：

   -- HelloWorld.html

  |-- js/

     -- dojo/  /*此处是dojo包下面的文件,列表如下
       		 -- build.txt
       		 -- CHANGELOG
      		 -- demos

         		  -- ..
       		 -- dojo.js
       		 -- dojo.js.uncompressed.js
       		 -- iframe_history.html
       		 -- LICENSE
       		 -- README
       		 -- src/

现在我们创建HelloWorld.html文件，代码如下：

<html>
 <head>
  <title>Dojo: Hello World!</title>

  <!-- SECTION 1 -->
  <script type="text/javascript" src="/UploadFiles/2021-04-02/dojo.js">
  <!-- SECTION 2 --> 
 </head>

 <body>
 </body>
</html>

在body中加入一个widget button

<button dojoType="Button" widgetId="helloButton">Hello World!</button>

上面不一定要使用widgetId，用平常的id就行了，widget会自己将其转化为widgetId。

以下开始加入section 2的代码。

  <!-- SECTION 2 -->
  <script type="text/javascript">

   //引入库
   //event.*是处理事件，比如：点击，的所有包。
   dojo.require("dojo.event.*");
   dojo.require("dojo.widget.*");
   dojo.require("dojo.widget.Button");

   //点击按钮后调用的函数
   function helloPressed()
   {
    alert('You pressed the button');
   }

   //将helloButton的点击事件绑定到helloPressed()函数
   function init()
   {
    var helloButton = dojo.widget.byId('helloButton');//获得button对象
    dojo.event.connect(helloButton, 'onClick', 'helloPressed')//绑定,这只是其中一种绑定方法
   }

   dojo.addOnLoad(init);//当然也可以将init函数命为其它的名
  </script>

这样,就完成了HelloWorld.html的代码. 试试吧.

另外,要注意的是:
如果init函数已经运行了,我们再使用document.getElementById 就没用了. 因为DOM
已经被widget改变. 只能用dojo.widget.byId.

dojo,之基础篇

标签：

dojo,之基础篇

免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

评论“dojo 之基础篇”

dojo 之基础篇

暂无“dojo 之基础篇”评论...

更新动态

2024年11月13日

dojo 之基础篇

dojo,之基础篇

dojo 之基础篇(二)之从服务器读取数据

jQuery使用手册之二 DOM操作

评论“dojo 之基础篇”

更新动态

友情链接