ExtJS专题（十）:layout布局的使用（7）

 

table

按照普通表格的方法布局子元素，用layoutConfig:{columns:3},//将父容器分成3列 。

图形显示结果：

 

.net代码 

Ext.onReady(function(){
var panel=new Ext.Panel(
      {
       renderTo:'paneldiv',
       title:'容器组件',
       layout:'table',
       width:500,
       height:200,
       layoutConfig:{columns:3},//将父容器分成3列
       items:[
        {title:'元素1',html:'ssssssssss',rowspan:2,height:100},
        {title:'元素2',html:'dfffsddsdfsdf',colspan:2},
        {title:'元素3',html:'sdfsdfsdf'},
        {title:'元素4',html:''}
       ]
      }
     );
});