dojo 之基礎篇
更新時間:2007年03月24日 00:00:00 作者:
假設我們的工程目錄如下:
現(xiàn)在我們創(chuàng)建HelloWorld.html文件,代碼如下:-- HelloWorld.html
|-- js/
-- dojo/ /*此處是dojo包下面的文件,列表如下-- build.txt
-- CHANGELOG
-- demos
-- ..
-- dojo.js
-- dojo.js.uncompressed.js
-- iframe_history.html
-- LICENSE
-- README
-- src/
在body中加入一個widget button<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>
以下開始加入section 2的代碼。<button dojoType="Button" widgetId="helloButton">Hello World!</button>
上面不一定要使用widgetId,用平常的id就行了,widget會自己將其轉(zhuǎn)化為widgetId。
<!-- SECTION 2 -->
<script type="text/javascript">
//引入庫
//event.*是處理事件,比如:點擊,的所有包。
dojo.require("dojo.event.*");
dojo.require("dojo.widget.*");
dojo.require("dojo.widget.Button");
//點擊按鈕后調(diào)用的函數(shù)
function helloPressed()
{
alert('You pressed the button');
}
//將helloButton的點擊事件綁定到helloPressed()函數(shù)
function init()
{
var helloButton = dojo.widget.byId('helloButton');//獲得button對象
dojo.event.connect(helloButton, 'onClick', 'helloPressed')//綁定,這只是其中一種綁定方法
}
dojo.addOnLoad(init);//當然也可以將init函數(shù)命為其它的名
</script>
這樣,就完成了HelloWorld.html的代碼. 試試吧.
另外,要注意的是:
如果init函數(shù)已經(jīng)運行了,我們再使用document.getElementById
就沒用了. 因為DOM
已經(jīng)被widget改變. 只能用dojo.widget.byId.
相關文章
dojo 之基礎篇(二)之從服務器讀取數(shù)據(jù)
dojo 之基礎篇(二)之從服務器讀取數(shù)據(jù)...2007-03-03利用Dojo和JSON建立無限級AJAX動態(tài)加載的功能模塊樹
2007-03-03Dojo之路:如何利用Dojo實現(xiàn)Drag and Drop效果
Dojo之路:如何利用Dojo實現(xiàn)Drag and Drop效果...2007-04-04