posts - 48,comments - 156,trackbacks - 0

          下載庫

          首先,下載 Dojo 庫:http://www.dojotoolkit.org/downloads

          放了方便測試,我將文件將解壓到 Web Server 的 "js/dojotoolkit" 文件夾中,如果你愿意,也可以綴上版本號。最后的目錄結構應該像下圖這樣:



          明確 dojo.js 文件的路徑非常重要。只要 dojo.js 能被正確裝入頁面,package system 會自動處理對相關模塊的引用和依賴。

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

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

          基本框架
          下面是一個 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 基本庫 -->
              
          <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><!-- 頁面內容 -->
                  
          <h1 id="testHeading">Dojo 基本框架</h1>        
                  
          <div id="contentNode">
                  
          <p>一些內容</p>
              
          </div>
              
          </body>

          </html>

           版權聲明:本博客文章如非特別注明,均為原創,作者保留所有權利!歡迎轉載,轉載請注明作者左洸和出處BlogJava

          配置 Dojo 啟動參數
          dojo在裝入時應該進行參數配置,兩個最重要的參數是 parseOnLoad  isDebug 。第一個參數確定是否在頁面裝入時解析 dojo 組件和內置標簽;第二參數打開或關閉調試信息。有兩種配置方式:
          第一種方式在 <script> 標簽中配置,如下:

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

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

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

          兩種方式有同樣的效果。


          如何開始?
          由于各種版本的瀏覽器對頁面裝入 "ready" 狀態有不同的定義,所以 Dojo 提供了一個 dojo.addOnLoad  函數,程序從這里面開始,如下代碼:

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

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


          更多
          通過 dojo.require() 函數,package system 會自動裝入所有你需要的代碼。下面的例子將裝入一個 Button 和一個 TitlePane,系統會自動找到他們的代碼,如下:

          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"); 
              }
          );  

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


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


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

          只有注冊用戶登錄后才能發表評論。


          網站導航:
           
          主站蜘蛛池模板: 葫芦岛市| 聂荣县| 滦平县| 新宁县| 顺义区| 开封市| 合水县| 呼图壁县| 同德县| 大关县| 米泉市| 犍为县| 五常市| 忻州市| 江津市| 清水河县| 正镶白旗| 澄迈县| 斗六市| 谷城县| 保定市| 汕头市| 堆龙德庆县| 禹州市| 桃园市| 辽源市| 梨树县| 庆云县| 都江堰市| 博野县| 阜城县| 右玉县| 保定市| 朝阳县| 中超| 吉木乃县| 自贡市| 佳木斯市| 延吉市| 高碑店市| 阆中市|