ext js中的容器和布局（介紹）

什麼是容器（container）：

extjs被稱為是最強大的前端元件庫，元件，也就是component，是可以復用的**塊，並且直接可以和瀏覽器配合形成最終外觀。而容器，是一種特殊的元件，說白了就是用來包含其他元件的元件。而我們的extjs的應用是由若干的元件，以及元件的排列組合巢狀共同組成。

什麼是容器布局（layout)：

因為容器是用包含其他元件的，所以容器肯定有一種機制來管理在其中的各個元件，包括它內部的各個元件的尺寸和位置，這時候，布局(layout)就閃亮登場了

一旦設定好了值之後，當初始化元件時，extjs會自動呼叫容器的dolayout方法，這個方法的作用是計算出所有子元件的尺寸和位置，並且更新到dom樹。dolayout是一種遞迴呼叫機制，所以會層層計算直到最底部，一般開發時候程式設計師不用主動去呼叫，extjs框架會自動呼叫。

當我們對於元件進行了任何新增刪除或者容器被resize的時候，會觸發容器的redolayout,從而重新計算各個元件的尺寸和位置。我們可以用suspendlayout方法+手動呼叫dolayout來阻止容器自動布局，而是我們自己來負責布局。

什麼是元件布局：

如果是extjs自帶的預定義元件，那麼我們無需去擔心布局問題，因為框架設計者已經為我們做好了一切，但是如果是自己定義的元件，那麼我們需要給乙個布局方式引數，用componentlayout,否則，它會自動的使用預設的auto的方式進行布局。