麻雀雖小五臟俱全Dojo自定義控件應用_dojo

另外，Ext官方提供的例子都是用JavaScript來創建和初始化控件，一個JavaScript配套一個HTML來用，這樣管理起來很混亂。而且官方例子是Best Practice，所以不太接受這種模式。Dojo在本人眼里是一個缺點和優點都很突出的家伙：

缺點：

1、文檔非常之差；

2、CodeBase非常之大（優點乎，缺點乎?）；

3、版本演進快，且每次版本演進，都有大量的API發生變化，還不夠成熟。

優點：

1、是一個很優秀的控件開發框架；

2、完全體現了javascript面向對象的一面。

EXT和Dojo比起來，本人覺得EXT是一個控件庫，而Dojo是一個框架。第一次接觸Dojo，當時版本0.3.X，今天項目中又有需求想用Dojo，版本是1.3.1，對比0.3和1.3，發現核心的思路并沒有太大變化，但出廠提供的控件卻有翻天覆地的變化，不過已經先入為主的對它的控件有成見，導致現在也沒有興趣再去研究，還是講講如何拿Dojo做自定義的控件吧。Dojo很復雜，但我們可以簡單的認為它分三層：

1、最底層的是核心API

核心API提供的方法簡化了DOM、字符串、CSS、事件等相關的操作。核心API還實現了類似于Java的package概念和import機制，方便了代碼組織和依賴管理。

2、基于核心API，創造了“控件生命周期”概念

這是Dojo的亮點，允許第三方以規范的方式開發控件。基于Dojo開發的控件具有很強的內聚性和面向對象的特性。

3、基于2所開發的各類控件

Dojo自己提供的控件也比較全了，只是由于歷史原因，沒有深入研究過。

Dojo的控件統稱DIJIT，要寫出Dojo版的Hello World控件，你需要了解的知識并不太多：

◆一個控件就是一個JS類；

◆所有的控件都繼承自_Widget或其子類，_Widget類提供了控件的生命周期管理函數；

◆可以同時繼承_Templated，繼承該類，可以為控件綁定模板來描述控件的展示。
關于_Widget基類的介紹
1、生命周期方法
_Widget提供了一系列方法稱為“生命周期方法”，Dojo框架在初始化一個控件的時候，會依次調用它們，我們的自定義控件，可以重寫特定的方法來加入自己的初始化邏輯，方法調用順序及說明：
代碼如下:
preamble(/*Object*/ params, /*DOMNode*/node)
//這是一個通常不會用到的方法，這個方法的返回值，作為constructor的輸入參數param
constructor(/*Object*/ params, /*DOMNode*/node)
// 這個方法相當于java類的構造函數
// 在這個類中執行初始化動作
postscript(/*Object*/ params, /*DOMNode*/node)
//實際的控件創建過程，依次調用如下方法（都可以被重寫）
_Widget.create(/*Object*/params, /*DOMNode*/node)
_Widget.postMixInProperties( )
_Widget.buildRendering( )
_Widget.postCreate( )
//我用得最多的是postCreate方法，這個方法中，控件已經初始化完畢，界面上也已經顯示出來了，
//通常在這個方法中啟動業務相關的處理

2、該類的幾個重要屬性（控件可以通過this訪問）
◆id:控件被授予的唯一編號，如果用戶不指定，則Dojo隨機創建一個。
◆domNode:該控件在HTML中對應的DOM節點。
最基本的自定義控件示例：
js文件：./hello/world.js（以下涉及到文件名，都用相對路徑，其中./代表和"Dojo,dijit,Dojox"同級目錄）。
代碼如下:
//聲明自己輸出的類名
Dojo.provide("hello.world");
//聲明自己依賴的類名Dojo.require("dijit._Widget");
Dojo.require("dijit._Templated");
//Dojo.declare定義控件類，第一個參數：類名，第二個參數：父類數組，第三個參數：類的prototype
Dojo.declare("hello.world",[dijit._Widget,dijit._Templated],
{
postCreate:function(){
this.domNode.innerHTML="hellow world";
}
}
);

該控件的行為極其簡單，在postCreate方法中，將自己在HTML頁面中對應的DOM節點的內容設置為hellow world。
代碼如下:

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com