UI コンポーネント
独自実装
独自実装
2 つの描画方法
2 つの描画方法
UI コンポーネントをつくる場合には goog.ui.Component を継承して作成します。
Closure Library の UI コンポーネントはすべてこのクラスを継承してつくられています。
goog.ui.Component による UI コンポーネントの描画方法は2つあり、それぞれ向き不向きがあります。
この2つの描画方法のどちらとも実装することは可能です。実際に Closure Library の UI コンポーネント群はそう実装されています。
(1) UI コンポーネントから HTML 要素をつくる
(1) UI コンポーネントから HTML 要素をつくる
(2) HTML 要素から UI コンポーネントをつくる
(2) HTML 要素から UI コンポーネントをつくる