ExtJS中layout的9种样式风格

extjs的容器组件都可以设置它的显示风格，它的有效值有 absolute, accordion, anchor, border, card, column, fit, form and table. 一共9种

一、? absolute 顾名思义，在容器内部，根据指定的坐标定位显示

二、? accordion 这个是最容易记的，手风琴效果 ，表示可折叠的布局，也就是说使用该布局的容器组件中的子元素是可折叠的形式

Js代码

1. ???Ext.onReady(function(){??? ??
2. ??
3. ???var?panel=new?Ext.Panel(?{//Ext.formPanel就是Panel中用了form布局??????????? ??
4. ??
5. ??????????renderTo:'paneldiv',??? ??
6. ??
7. ??????????title:'容器组件',??? ??
8. ??
9. ??????????layout:'accordion',?????????? ??
10. ??
11. ??????????width:500,??? ??
12. ??
13. ??????????height:200,??? ??
14. ??
15. ??????????layoutConfig:{animate:false},?//?表示在执行展开折叠时是否应用动画效果 ??
16. ??
17. ??????????items:[??? ??
18. ??
19. ????????{title:'元素1',html:''},??? ??
20. ??
21. ????????{title:'元素2',html:''},??? ??
22. ??
23. ????????{title:'元素3',html:''},??? ??
24. ??
25. ????????{title:'元素4',html:''}??? ?