Learn extjs accordion Layout

1. the accordion layout is composed of class Ext. layout. accordion definition, indicating a foldable layout. Click the header name of each child element or the button on the right to expand the Panel and contract other expanded panels.
Layoutconfig: True indicates that the animation effect is enabled when the folding is performed. The default value is false.
II. Application Example CopyCodeThe Code is as follows: Ext. onready (function (){
VaR _ Panel = new Ext. Panel ({
Title: "personnel information ",
Renderto: Ext. getbody (),
Frame: True,
Width: 500,
Height: 300,
Layout: "accordion ",
Layoutconfig :{
Animate: True
},
Items: [{Title: "child element 1", HTML: "This is the content in child element 1 "},
{Title: "child element 2", HTML: "This is the content in child element 2 "},
{Title: "child element 3", HTML: "This is the content in child element 3 "}
]
}
);