日期:2014-05-16  浏览次数:20393 次

ExtJS layout的9种样式详解(转)

ExtJS中layout9种样式风格

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:''}??? ?