ExtJS 基本介紹 - 6. Layout&Container

官方提供基本11種,客製化1種共12種Layout方式:

官方Sample 網址

• Absolute: 將視窗以CSS絕對位置定位其x,y座標.

• Accordion:以手風琴面板的方式顯示,堆疊多個title/html的items.

• Anchor:利用anchor與height分別定義視窗width/height,或直接由anchor定義寬高.anchor數值可以為整數或Container的百分比.當anchor為負值時以container-anchor數值為顯示寬度.

• Border:允許以區域方式{left,right,top,bottom,center}分配多個container空間.

• TabPanel:Tab Panel的Layout方式.

• Card:類似精靈模式(Warizad)的排版方式.

• Column:以column方式依序定義container空間.

• Fit:填滿parent container空間.

• Table:以table row/column的方式定義container,允許使用rowspan/colspan來跨cell定義container.

• vBox:垂直Stack方式定義Container.

• hBox:水平Stack方式定義Container.

• Center:特殊定位方式,至於parent center位置.