要高效使用google的這個庫需要正確理解它的Component模型，總的說來Component是這個庫中所有控件和組件的基礎類，有點象asp.net中的control這個基類，它定義了一個組件的生命周期過程規(guī)范和一些可覆寫的方法。

?

一個組件在生命周期中大致會經(jīng)過如下幾個階段：

組件實例創(chuàng)建。

構(gòu)造dom元素，這步又可以通過兩種方式來實現(xiàn)：完全創(chuàng)建法和冒充法(decorate).

事件綁定。

頁面關閉事件回調(diào)：取消事件綁定并進行變量清理。

constructor	Component instance creation
createDom()	Component DOM structure building
decorateInternal() (optional)
enterDocument()	Post DOM-building initialization (such as attaching event listeners)
exitDocument()	Post DOM-removal cleanup (such as detaching event listeners)
dispose()	Component disposal
canDecorate()	Indicates whether the component can use a pre-existing element

事件綁定在enterDocument方法中完成，因為直到此時dom元才存在于document中，并可以使用getElement方法來查找dom中的元素。

?

子元素創(chuàng)建應該在decorateInternal方法里面做，可以使用decorate 方式，或者創(chuàng)建法，這里需要該手動調(diào)用render()方法？

參考文檔： Component組件模型介紹

?

2010.11.25 Update:

• 如果組件含有其它的組件，一般應該在構(gòu)造函數(shù)中創(chuàng)建子組件的實例。
• createDom方法用于完全的js界面生成，如果是decorate則應根據(jù)已有dom結(jié)構(gòu)在decorateInternal方法中創(chuàng)建缺失的元素。
• enterDom方法除可用于事件綁定外，還可以調(diào)用子組件的render方法將子組件加載到文檔結(jié)構(gòu)中，如果是decorate則不必手動調(diào)用render方法。
• 如果只需創(chuàng)建類似zippy一樣的功能性組件，而不需要維護自己的dom結(jié)構(gòu)，則不必從component類繼承，可以選擇EventTarget即可，使之可以使用dispatchEvent方法引發(fā)事件和成為其它組件的監(jiān)聽目標。
• 元素事件類型：goog.events.EventType
• 組件事件類型：goog.ui.Component.EventType

總結(jié)

以上是生活随笔為你收集整理的GoogleClosureLibrary 中的Component 模型纪要的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。