ExtJS4.x中,container和component都須要佈局來擺放其中的子元素。但咱們通常不須要花精力在component的佈局上而須要精心設計與選擇container的佈局。 佈局
ExtJS4.x中提供的各個佈局類並非互不關聯的,他們之間像容器-組件同樣存在層次結構,所以,理解佈局間的關係很是有助於理解與使用他們。各個佈局間層次結構關係以下圖所示。 學習
圖1 ExtJS4.x中佈局的層次結構 spa
從圖中可看出,Container Layout是整個佈局層次系統的基類,它是一個輕量級的佈局類,提供基礎的功能,通常用於擴展。 設計
Auto Layout是容器的默認佈局,直接繼承於Container Layout,它也只提供簡單功能:將元素一個接一個地疊放在容器內。 component
…… 繼承
上圖在學習ExtJS4.x的佈局時是個很是不錯的參考!能幫咱們理清關係,加快學習速度! get
本博客也將按照上圖的層次結構分支依次介紹ExtJS4.x的佈局! 博客