【正文】 息(因為過多的細節(jié)對新手可能會產(chǎn)生負面影響),您可以參考本文末尾的連接( 獲取更多資源一節(jié) Finding More Resources )Hello World第一個程序準備工作首先你當然需要Dojo 了。 ! SECTION 1 * 最后,我們將trundra作為body標簽的class屬性值.創(chuàng)建一個按鈕小部件(Button Widget)好了,現(xiàn)在是最令人興奮的部分!在這個例子里我們將創(chuàng)建一個擁有Hello World!,我們將獲取三個事件(mouseOut,mouseOver,mouseDown),這樣,我們就能做一些其他事情,比如提高用戶體驗等. script type=dojo/method event=onClick通過使用Dojo，你不用多做任何處理就能很好的支持不同的瀏覽器。 alert(39。 alert(39。而后。為了引用方便，我們標記這一節(jié)代碼在附帶代碼一節(jié)為 。jsp39。 而不是39。,如果服務器端期望的是另外的名字(比如39。 * header(39。 Print the name that is passed in the (Hello amp。 39。 */ form id=myForm method=POST /form然后,我們需要改變dojo的方法:script type=dojo/method event=onclick with ({39。 load: helloCallback, * Contenttype: text/plain39。 39。 39。 (name) amp。name39。 39。 */這兩種方式都有相同的選項。所有的小部件都允許鍵盤操作和使用標準的主題，高對比模式的屏幕顯示方式。后面我們在適用的時候會講到。屬性類型或值默認值說明idStringNone唯一的ID屬性。沒有技術上的原因限制你不能調(diào)用一個擴展點或重構一個函數(shù)，但要慎重。你可以創(chuàng)建一個已有組件的子類，甚至自己寫一個小部件。如果為false,onChange事件觸發(fā)時將會詢問被調(diào)用者。toggle按鈕可以用在工具欄加粗的按鈕，所以有點像數(shù)據(jù)按鈕，也有點像命令按鈕。 ()。組合框(Combobox)組合框是介于select標簽和文本框之間的一個組件。 import /style script type=text/javascript src= djConfig=parseOnLoad: true/script script type=text/javascript ()。Combobox,FilterSelect,。 import /style script type=text/javascript src= djConfig=parseOnLoad: true/script script type=text/javascript ()。屬性autoCompleteBooleantrue自動完成hasDownArrowBooleantrue是否顯示下拉箭頭ignoreCaseBooleantrue如果true,則忽略大小寫pageSizeIntegerInfinity數(shù)據(jù)提供者的參數(shù)。 charset=UTF8titleFilter Select Example 1/title style type=text/css import 。identifier告訴你這個數(shù)據(jù)中對應提交的value是什么：identifier:abbreviation,items: [ {name:Alabama, label:Alabama,abbreviation:AL}, ...下面的代碼表示identifier為abbreviation，identifier指定提交時實際提交的是abbreviation對應的值。數(shù)字輸入框（NumberSpinner)很簡單，只舉個例子并列出屬性。 import /style script type=text/javascript src= djConfig=parseOnLoad: true/script script type=text/javascript ()。 charset=UTF8titleTabContainer Demo/title style type=text/css import 。簡單的網(wǎng)格基礎使用網(wǎng)格的每個頁面都必須導入表格風格單。你首先要對dojit組件ComboBox或Tree數(shù)據(jù)進行定義,。它確實是一個單元格高。列名總是顯示在網(wǎng)格頂部，不像其它行，它是不能被滾動條滾動的。模型中的字段應用到每一個單元格。下面是完整的程序代碼：!DOCTYPE HTML PUBLIC //W3C//DTD HTML Transitional//EN htmlhead titleTest Basic/title meta equiv=ContentType content=text/html。 width: 35em。, field: namespace}, {name: 39。, width: 25em, field: className} ], [ {name: 39。 } /style script type=text/javascript src= djConfig=isDebug:false, parseOnLoad: true/script script type=text/javascript ()。 import 。在我們上面的例子里，namespace沒有字段,class有一個字段，等等。Namespace39。所以，你要注意一下demo中的網(wǎng)格中邏輯行（譯者注：指顯示數(shù)據(jù)的行）有兩個子行高。在這個例子里，我們把模型中的數(shù)據(jù)源jsonStore稱為模型（model）。 import 。 ()。 /script/headbody class=tundradiv id=horizontalSlider dojoType= value=5 minimum=10 maximum=10 discreteValues=11 intermediateChanges=true onChange=(39。 charset=UTF8titleNumber Spinner Demo/title style type=text/css import 。!DOCTYPE HTML PUBLIC //W3C//DTD HTML htmlheadmeta equiv=ContentType content=text/html。 ()。它對大數(shù)據(jù)量支持的非常好，因為它可以只加載需要的數(shù)據(jù)。 ()。包括數(shù)據(jù)庫，web serivce,等。 function setVal1(value) { (Selected +value)。這特別適用于廣泛的多種答案的問題。屬性checkedString使用方法：checked=39。 charset=UTF8titleCheckbox Example/title style type=text/css import 。tabIndexInteger標簽的順序值方法focus設置部件為當前焦點getValue取得部件的值setValue設置部件的值reset重置部件值為初始值undo撤銷最后一次修改的部件值setAttribute控制部件的屬性，如disabled, readonly等。所有的表單部件繼承了下面的屬性和方法。例如下面這個ValidationTextBox擴展：，：div dojoType= isValid= ... script type=dojo/method event=isValid // Flip a coin to determine validity. *evil laughter!* return (() * 100) % 2 == 0。domNodeNodeNonethis is our visible representation of the widget! Other DOM Nodes may by assigned to other properties, usually through the template system39。舉個例子，在NumberSpinner中，用戶可以點擊上下按鈕來調(diào)整數(shù)字大小。屬性是用來控制顯示或行為的數(shù)據(jù)元素。第三部分將展示如何通過程序?qū)崿F(xiàn)。%Hello %= (name) % , wele to the world of Dojo!程序調(diào)試可以利用以下調(diào)試工具來進行調(diào)試。 39。 */cfsetting showDebugOutput=NoHello, , wele to the world of Dojo!/cfsetting使用Java(JSP)服務器% /*name39。 39。 * Print the name that is passed in the })。 // the value of appropriate file for your server })。name39。39。%Hello %= (name) % , wele to the world of Dojo!通過POST方法提交數(shù)據(jù)通過GET方法很有用,或者,就像上一節(jié)所述,你同樣需要根據(jù)服務端腳本類型去改變url屬性的值.首先,:br 39。 , wele to the world of Dojo!n)%使用Java(JSP)服務器% 39。 )。 *),:content: {myName: (39。,相似的,如果你使用ColdFusion服務器,則應該使用 39。.asp39?，F(xiàn)在，如果你點擊按鈕。)。第一個參數(shù): data 包含了從服務端返回的數(shù)據(jù)，第二個參數(shù)ioArgs包含了Dojo I/O 綁定對象(Bind object)。)。通過服務器獲取數(shù)據(jù)當你點擊按鈕就彈出一個對話框很不錯吧？！但如果我們想從服務器獲取數(shù)據(jù)怎么辦？Dojo使用一個簡潔的方法完成這一復雜的功能 。 alert(39。 然后,請將下面的代碼插入到html的body部分中.button dojoType= id=helloButtonHello World!/button ,我們應該使用input中的value屬性來顯示希望出現(xiàn)的字符.將一個事件和小部件相連起來如果點擊這個按鈕觸發(fā)事件,Dojo將如何處理呢?,Dojo還提供了一套簡單而有效的辦法: Dojo 事件系統(tǒng)( Dojo event system)!這種簡單的綁定事件的方法是通過一個腳本標簽(script tag),這不是一個簡單的腳本標簽,它包含了一個dojo/method的type :button dojoType= id=helloButton djConfig=parseOnLoad: true/script import dojoroot/dijit/themes/tundra/ head目錄快速安裝Hello World第一個程序程序調(diào)試第一部分：使用DojoDojo和Dijit例子第一個例子：為什么一些人不填寫傳真表單？第二個例子：總是點擊兩次第三個例子：和技術人員交談第二部分DijitDojo的小部件庫概述共用特征表單、驗證和個性化的文本輸入框 表單小部件 復選框、單選框、切換（？）