ExtJS专题(十):layout布局的使用(1)

extjs的容器组件都可以设置它的显示风格,它的有效值有 absolute, accordion, anchor, border, card, column, fit, form and table. 一共9种。简单总结一下,帮助记忆和学习ExtJS。 

  • absolute
  • 顾名思义,在容器内部,根据指定的坐标定位显示 
  • accordion
  • 这个是最容易记的,手风琴效果 
     
    .net代码 
    1. Ext.OnReady(function(){  
    2. var panel=new Ext.Panel(//Ext.formPanel就是Panel中用了form布局  
    3.       {  
    4.        renderTo:'paneldiv',  
    5.        title:'容器组件',  
    6.        layout:'accordion',         
    7.        width:500,  
    8.        height:200,  
    9.        layoutConfig:{animate:false},  
    10.        items:[  
    11.         {title:'元素1',html:''},  
    12.         {title:'元素2',html:''},  
    13.         {title:'元素3',html:''},  
    14.         {title:'元素4',html:''}  
    15.        ]  
    16.       }  
    17.      );  
    18. });  

    你可能感兴趣的:(layout)