Extjs4.0 -- layout Introduction

Layout of Extjs4.0:

1: Fit Layout

The child element automatically fills the entire parent container. Note that in its layout, setting bandwidth for the child element is invalid. If multiple components are placed in the Fit layout, the first element is displayed intelligently.

The most typical use is to place a grid component in a window or panel so that the size of the grid component changes with the size of the parent container.

2: border Layout

I think the general framework layout is used for layout.

The border layout is also a boundary layout. It divides the page into five parts: west, east, south, north, and center. They can assign values to the participating region.

Only the height, west, and east can be set in north and south.

Center automatic change

Parameter: spit: true. You can manually adjust the size of the four regions.

Parameter: collapsible: true: the folding function is activated, and the title must be set, because the folding button appears in the title section.

Note: the center part is required, and the center area cannot be folded. Center automatically fills in other areas. If no center exists, an error is reported.

3: Accordion Layout

The according layout is also called the accordion layout. In the accordion layout, only one panel is active at any time.

Each page can be expanded and collapsed.

Note: Only Ext. Panels and all Ext. panel. Panel subitems can use accordion layout.

4: Card Layout

This layout is used to manage multiple child components, and only one child component can be displayed at any time. The most common situation of this layout is the wizard mode, which is what we call distribution submission.

5: Anchor Layout

The anchor layout is a component that is fixed at a certain position of the parent container. When the child component size of the anchor layout is used relative to the container size, that is, when the size of the parent container changes, the component with anchor layout will re-render the position and size according to the specified rules.

6: AnchorLayout Layout

7: Absolute Layout

8: Column Layout

Author: junmoxie