【正文】 ethod event=onClick 然后,請(qǐng)將下面的代碼插入到html的body部分中.button dojoType= id=helloButtonHello World!/button ,我們應(yīng)該使用input中的value屬性來(lái)顯示希望出現(xiàn)的字符.將一個(gè)事件和小部件相連起來(lái)如果點(diǎn)擊這個(gè)按鈕觸發(fā)事件,Dojo將如何處理呢?,Dojo還提供了一套簡(jiǎn)單而有效的辦法: Dojo 事件系統(tǒng)( Dojo event system)!這種簡(jiǎn)單的綁定事件的方法是通過(guò)一個(gè)腳本標(biāo)簽(script tag),這不是一個(gè)簡(jiǎn)單的腳本標(biāo)簽,它包含了一個(gè)dojo/method的type :button dojoType= id=helloButton // Load Dojo39。 script type=text/javascript * 最后,我們將trundra作為body標(biāo)簽的class屬性值.創(chuàng)建一個(gè)按鈕小部件(Button Widget)好了,現(xiàn)在是最令人興奮的部分!在這個(gè)例子里我們將創(chuàng)建一個(gè)擁有Hello World!,我們將獲取三個(gè)事件(mouseOut,mouseOver,mouseDown),這樣,我們就能做一些其他事情,比如提高用戶體驗(yàn)等. body class=tundra djConfig=parseOnLoad: true/script /style import dojoroot/dijit/themes/tundra/ ! SECTION 1 head雖然內(nèi)容不可能覆蓋所有的細(xì)節(jié)信息(因?yàn)檫^(guò)多的細(xì)節(jié)對(duì)新手可能會(huì)產(chǎn)生負(fù)面影響),您可以參考本文末尾的連接( 獲取更多資源一節(jié) Finding More Resources )Hello World第一個(gè)程序準(zhǔn)備工作首先你當(dāng)然需要Dojo 了。2. 解壓縮文件到本地服務(wù)器上. 假設(shè)您將文件安裝到/js目錄下,其目錄結(jié)構(gòu)應(yīng)該如下(注：，只有dojo、dijit、dojox三個(gè)子目錄)。Dojo中文使用手冊(cè)、。目錄快速安裝Hello World第一個(gè)程序程序調(diào)試第一部分：使用DojoDojo和Dijit例子第一個(gè)例子：為什么一些人不填寫(xiě)傳真表單？第二個(gè)例子：總是點(diǎn)擊兩次第三個(gè)例子：和技術(shù)人員交談第二部分DijitDojo的小部件庫(kù)概述共用特征表單、驗(yàn)證和個(gè)性化的文本輸入框 表單小部件 復(fù)選框、單選框、切換（？） 組合框（ComboBox） 下拉過(guò)濾選擇框（FilteringSelect） 數(shù)字選擇框（NumberSpinner） 滑尺（Slider） 文本輸入域（Textarea） 文本框類（驗(yàn)證、貨幣、數(shù)字、日期、時(shí)間）布局（只講一個(gè)tabContainer）命令控制 按鈕、組合按鈕和下拉按鈕 菜單 工具菜單用戶使用幫助提示和反饋 進(jìn)度條 提示 對(duì)話框和工具對(duì)話框 頁(yè)框（TitlePane）高級(jí)功能（只講一個(gè)Tree） 樹(shù)（Tree）第三部分：使用Dojo和Dijit與javascript協(xié)作 通用性 初始對(duì)象 模塊 建立和設(shè)計(jì)小部件 自已設(shè)計(jì)小部件類 事件系統(tǒng) 異步交互XMLHttpRequest(XHR) 拖拽 回退按鈕 其它功能 多個(gè)版本共處于一個(gè)頁(yè)面第四部分：調(diào)試第五部分：Dojox擴(kuò)展包 etd(客戶端) dojox圖表 dojox集合 dojox加密 dojox數(shù)據(jù) dojox網(wǎng)格（翻譯） dojox離線（翻譯）快速安裝Dojo 提供了三種安裝方式:1. 使用美國(guó)在線(AOL)的內(nèi)容分發(fā)網(wǎng)絡(luò)(CDN)上的dojo. 2. 在本地使用dojo的一個(gè)穩(wěn)定版本. 3. 從dojo網(wǎng)站的SVN服務(wù)器上獲取的最新代碼.使用內(nèi)容分發(fā)網(wǎng)絡(luò)(CDN)上的Dojo這種方法非常的快捷!你能夠通過(guò)添加一個(gè)script 到 美國(guó)在線(AOL)的內(nèi)容分發(fā)網(wǎng)絡(luò)(CDN)上,而無(wú)需占用你服務(wù)器上的任何空間和資源.,2部分的任何例子到你自己的服務(wù)器上就可以正常的運(yùn)行了!在第3部分的例子中,因?yàn)楹芏嗍且恍┐a片段,所以我們將提醒您如何做一些更改以便使這些例子正常運(yùn)行.您可以使用: script type=text/javascript src=/script 來(lái)引用Dojo的js文件請(qǐng)參考: Dojo And AOL 獲取最新的引用鏈接.使用本地的Dojo如果您是Dojo的傳統(tǒng)用戶,你可以以以往的方式下載,安裝,并且使用Dojo.1. 從3. 從您的瀏覽器中打開(kāi):這樣你就已經(jīng)成功安裝Dojo了!這篇教程的目的是提供一個(gè)新手學(xué)習(xí)和了解Dojo的窗口。你可以到，你需要一個(gè)網(wǎng)絡(luò)服務(wù)器,無(wú)論是跑在Linux,Windows還是Mac上,這個(gè)文檔中的AJAX例子需要服務(wù)器端的語(yǔ)言支持,如PHP,ASP等.跑在客戶端的Dojo以及Dijit代碼已證實(shí)可以在IE6,7,Firefox 2 和 Safari上正常運(yùn)行.建立Dojo首先,你需要在服務(wù)器端創(chuàng)建一個(gè)文件夾,取名為HelloWorldTutorial然后創(chuàng)建再創(chuàng)建一個(gè)取名為dojoroot.最后,使用任何解壓縮工具將Dojo壓縮包解壓縮到/HelloWorldTutorial/dojoroot. 目錄結(jié)構(gòu)如下:正式開(kāi)始當(dāng)我們完成了上述準(zhǔn)備工作,我們需要將Javascript :html titleDojo: Hello World!/title style type=text/css import dojoroot/dojo/resources/ script type=text/javascript src=dojoroot/dojo/ /head /body/html正如你所看到的,這是一個(gè)個(gè)標(biāo)準(zhǔn)的HTML,其包含三個(gè)元素: * 兩個(gè)CSS 文件. .* 在head標(biāo)簽里的腳本元素(script element). 這個(gè)腳本元素負(fù)責(zé)加載基本的Dojo腳本,其作用是提供動(dòng)態(tài)加載其他Dojo功能的能力. ,添加另外一個(gè)部分(這部分稱作 section 2)到section 1下面:! SECTION 2 s code relating to the Button widget ()。 /script 作用是通知Dojo加載按鈕的小部件(Button widget).如果不加這一行,下面的代碼將不能被Dojo解析,這樣得到的將是普通的HTML 按鈕. Hello World!You pressed the button39。并且你還可以在腳本中利用DOM Level2事件的全部功能。如果你曾經(jīng)使用過(guò)DOM Level2的事件，你就能理解IE與Firefox有多大差別了。這也是Dojo的強(qiáng)大所在。為了引用方便，我們標(biāo)記這一節(jié)代碼在附帶代碼一節(jié)為 和 。將下面的代碼插入到head標(biāo)簽里：script function helloCallback(data,ioArgs) { } function helloError(data, ioArgs) {Error when retrieving data from the server!39。 }/script這里的兩個(gè)參數(shù)很重要，請(qǐng)不要?jiǎng)h除任意一個(gè)。我們現(xiàn)在只考慮第一個(gè)參數(shù)。將下面的代碼：script type=dojo/method event=onclickYou pressed the button39。/script改為：script type=dojo/method event=onClick ({39。 load: helloCallback,/script上面的代碼主要目的是告訴Dojo查詢指定的url，并且定義回調(diào)函數(shù)處理服務(wù)器端返回的數(shù)據(jù)。在這個(gè)文件中，你可以寫(xiě)上一些文字，比如:Wele to the Dojo Hello World Tutorial。真的很容易！下一步，我們將看看如何通過(guò)服務(wù)器端請(qǐng)求做一些有意義的事情。但是在現(xiàn)實(shí)生活中卻并不常見(jiàn)。在這一節(jié)中，我們將使用GET方法，而下一節(jié)我們將使用POST方法實(shí)現(xiàn)這一目標(biāo)。服務(wù)器端代碼文件為：HelloWorldResponseGET.分別有以下幾個(gè)后綴的文件： ASP(39。),PHP(39。),ColdFusion(39。)或者Java(39。)。 首先，(Input Element)。 Hello World! ({ url: 39。, load: helloCallback, error: helloError, content: {name: (39。).value } Hello World! ({ url: 39。, load: helloCallback, error: helloError, content: {name: (39。).value }39。39。39。39。name39。myName39。name39。name39。 /* * * Print the name that is passed in thename39。 */Contenttype: text/plain39。name39。 39。 39。 39。 39。 39。 39。name39。 39。 =text/plain (name) amp。 /* Print the name that is passed in the 39。 GET parameter in a sentence (text/plain)。 Please enter your name: input type=text id=name變?yōu)?br Please enter your name: input type=text name=name ({ url: 39。, load: helloCallback, error: helloError, content: {name: (39。).value }/script變?yōu)?script type=dojo/method event=onclick // Don39。url39。 // (. 39。) for an ASP server url: 39。, error: helloError,myForm39。/script從上面的代碼可以看出,我們將content屬性刪除了,39。作為數(shù)據(jù)源.接下來(lái),你只要點(diǎn)擊Hello World按鈕,應(yīng)該會(huì)彈出一個(gè)帶有你名字的提示框Hello , wele to the world of Dojo!使用PHP服務(wù)器:?php * * * 39。 $_POST parameter in a sentence header(39。)。 print Hello {$_POST[39。]}, wele to the world of Dojo!n$$?使用ASP服務(wù)器% Print the name that is passed in the 39。 $_POST parameter in a sentence (Hello amp。 , wele to the world of Dojo!n)%使用ColdFusion服務(wù)器! * * * 39。 POST parameter in a sentence /* Print the name that is passed in the 39。 POST parameter in a sentence (text/plain)。使用Firebug或者是Firebug LiteFirebug是最佳的調(diào)試工具。如果您不想用它，那么可以在IE或其它瀏覽器下使用Firebug Lite。Dijit有兩種使用方式：在html標(biāo)簽里使用特殊屬性的聲明、通過(guò)JS實(shí)現(xiàn)。像在第一部分里我們都使用聲明的方式使用。Dijit是與它自己的主題綁定的，tundra主題給了針對(duì)所有小部件的一個(gè)通用的設(shè)計(jì)和色彩方案。Dijit被設(shè)計(jì)成通用的適應(yīng)用戶不同的語(yǔ)言和文化以及相關(guān)的不同功能。服務(wù)器交互后的數(shù)據(jù)可能并沒(méi)有考慮到本地習(xí)慣。Dijit概述Form, Validation, Specialized InputCheckBoxComboBoxCurrencyTextBoxDateTextBoxFilteringSelectInlineEditBox NumberSpinnerNumberTextBoxSliderTextarea Textarea expands