posts - 48,comments - 156,trackbacks - 0

          下載庫(kù)

          首先,下載 Dojo 庫(kù):http://www.dojotoolkit.org/downloads

          放了方便測(cè)試,我將文件將解壓到 Web Server 的 "js/dojotoolkit" 文件夾中,如果你愿意,也可以綴上版本號(hào)。最后的目錄結(jié)構(gòu)應(yīng)該像下圖這樣:



          明確 dojo.js 文件的路徑非常重要。只要 dojo.js 能被正確裝入頁(yè)面,package system 會(huì)自動(dòng)處理對(duì)相關(guān)模塊的引用和依賴(lài)。

          The Dojo Book,提供了大量的指南和教程,更深入的介紹了獲得各種 dojo 不同版本的方式。

          也可以從 Google 的公用庫(kù)引入腳本,如下:http://ajax.googleapis.com/ajax/libs/dojo/1.3.1/dojo/dojo.xd.js

          基本框架
          下面是一個(gè) dojo 程序的基本框架:


          <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" 
              "http://www.w3.org/TR/html4/strict.dtd"
          >
          <html>
              
          <head>
                  
          <title>Dojo Toolkit Test Page</title>    
              
              
          <!--  裝入Dojo 基本庫(kù) -->
              
          <script type="text/javascript" src="js/dojotoolkit/dojo/dojo.js"
                  djConfig
          ="parseOnLoad:true, isDebug:true">
                 </
          script>
              
              
          <script type="text/javascript">
              
          /* 其他的腳本程序 */
              
          </script>
              
              
          <style type="text/css">
              
          /* 樣式表在這 */    
              
          </style>  
            
              
          </head>
              
          <body><!-- 頁(yè)面內(nèi)容 -->
                  
          <h1 id="testHeading">Dojo 基本框架</h1>        
                  
          <div id="contentNode">
                  
          <p>一些內(nèi)容</p>
              
          </div>
              
          </body>

          </html>

           版權(quán)聲明:本博客文章如非特別注明,均為原創(chuàng),作者保留所有權(quán)利!歡迎轉(zhuǎn)載,轉(zhuǎn)載請(qǐng)注明作者左洸和出處BlogJava

          配置 Dojo 啟動(dòng)參數(shù)
          dojo在裝入時(shí)應(yīng)該進(jìn)行參數(shù)配置,兩個(gè)最重要的參數(shù)是 parseOnLoad  isDebug 。第一個(gè)參數(shù)確定是否在頁(yè)面裝入時(shí)解析 dojo 組件和內(nèi)置標(biāo)簽;第二參數(shù)打開(kāi)或關(guān)閉調(diào)試信息。有兩種配置方式:
          第一種方式在 <script> 標(biāo)簽中配置,如下:

          <script type="text/javascript" src="js/dojotoolkit/dojo/dojo.js"
              djConfig
          ="parseOnLoad:true, isDebug:true">
            </
          script>

          第二種方式在 dojo.js 裝入之前,建立一個(gè)全局變量 djConfig,如下:

          <script type="text/javascript">
              
          var djConfig = {
                  isDebug:
          true,
                  parseOnLoad:
          true
              }
          ;
          </script>
          <script type="text/javascript" src="js/dojotoolkit/dojo/dojo.js"></script>

          兩種方式有同樣的效果。


          如何開(kāi)始?
          由于各種版本的瀏覽器對(duì)頁(yè)面裝入 "ready" 狀態(tài)有不同的定義,所以 Dojo 提供了一個(gè) dojo.addOnLoad  函數(shù),程序從這里面開(kāi)始,如下代碼:

          // 某個(gè)函數(shù)
              var init = function(){
                  console.log("I run after the page is ready.");    
              };
                  //ready 后運(yùn)行上面的函數(shù)
              dojo.addOnLoad(init);
              
              // 這是另一種形式,用匿名函數(shù)
              dojo.addOnLoad(function(){
                  console.log("I also run, but second. "); 
              });

          重要提示:不要用 <body onLoad="someFunc"> 和 window.onload=someFunc 開(kāi)始你的函數(shù),而應(yīng)該使用 dojo.addOnLoad(someFunc)


          更多
          通過(guò) dojo.require() 函數(shù),package system 會(huì)自動(dòng)裝入所有你需要的代碼。下面的例子將裝入一個(gè) Button 和一個(gè) TitlePane,系統(tǒng)會(huì)自動(dòng)找到他們的代碼,如下:

          dojo.require("dijit.form.Button");
              dojo.require(
          "dijit.TitlePane");
              dojo.addOnLoad(
          function(){
                  dojo.byId(
          "testHeading").innerHTML = "We're on our way!";
                  console.log(
          "onLoad fires after require() is done"); 
              }
          );  

          每個(gè)模塊都有自己的 dojo.require() 參數(shù),你可以從 Dijit API pages 找到他們


          繼續(xù)
          在上面的例子中,我們第一次用了 dojo.byId() 函數(shù),通過(guò) id 來(lái)選擇元素,并改變了元素的 innerHTML  值。后面我們將了解選擇器。
          將上面的代碼放到框架中的“其他腳本程序”位置處,然后運(yùn)行,如果你看到了: "We're on our way",恭喜!
          如果出現(xiàn)了錯(cuò)誤,可以從 FAQ 查找常見(jiàn)的錯(cuò)誤信息。


          //==========================================
          posted on 2009-05-14 16:56 左洸 閱讀(1334) 評(píng)論(0)  編輯  收藏

          只有注冊(cè)用戶(hù)登錄后才能發(fā)表評(píng)論。


          網(wǎng)站導(dǎo)航:
           
          主站蜘蛛池模板: 开原市| 昌平区| 遂川县| 于都县| 高唐县| 鞍山市| 新龙县| 迁安市| 平阳县| 沾益县| 西和县| 铁力市| 烟台市| 庆云县| 长沙县| 临沂市| 三明市| 九江市| 桦川县| 衡水市| 东乡族自治县| 开化县| 城市| 边坝县| 黄石市| 清远市| 大宁县| 临夏县| 长岭县| 札达县| 永和县| 叙永县| 承德县| 成都市| 金昌市| 隆尧县| 辽源市| 万安县| 沾化县| 永春县| 湘阴县|