当前位置:Gxlcms > JavaScript > dojo 之基础篇

dojo 之基础篇

时间:2021-07-01 10:21:17 帮助过:11人阅读

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

   -- 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="js/dojo/dojo.js"></script>

<!-- 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.

人气教程排行