Ext's Layout 12 layouts

Valid values for layout are absolute,accordion,anchor,border,card,column,fit,form and table

1.absolute: Position the display in the container according to the given coordinates

2.accordion: Accordion effect, generally used in sidebar

Code Demo: Ext.onready (function () {

var panel=new ext.panel ({

Renderto: ' Paneldiv ',

Title: ' Container component ',

Layout: ' Accordion ',

WIDTH:500,

HEIGHT:200,

Layoutconfig:{animate:false},

items:[

{title: ' element 1 ', HTML: ' "}

{title: ' Element 2 ', HTML: ' "}

{title: ' Element 3 ', HTML: ' "}

]

}

);

});

3.anchor

(1) The component in the container needs to specify the width, can specify the width height in the anchor

(2) Anchor value is generally negative or a percentage, positive values are meaningless

(3) Anchor must be a string

4.border divides a container into five regions: East,south,west,north,center

5.card like the installation Wizard is a one-piece display

6.column sees a container as a column and then places a child element into the container

7.fit A child element fills the entire container (only one child element fills the container if there are multiple child elements)

8.form is a layout that is designed to manage input fields in a form

9.table layout child elements according to the normal table method, with Layoutconfig:{colume:3}, this will divide the parent container into 3 columns

Ext's Layout 12 layouts