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

 

table

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

图形显示结果：

 

.net代码 

1. Ext.onReady(function(){  
2. var panel=new Ext.Panel(  
3.       {  
4.        renderTo:'paneldiv',  
5.        title:'容器组件',  
6.        layout:'table',         
7.        width:500,  
8.        height:200,  
9.        layoutConfig:{columns:3},//将父容器分成3列  
10.        items:[  
11.         {title:'元素1',html:'ssssssssss',rowspan:2,height:100},  
12.         {title:'元素2',html:'dfffsddsdfsdf',colspan:2},  
13.         {title:'元素3',html:'sdfsdfsdf'},  
14.         {title:'元素4',html:''}  
15.        ]  
16.       }  
17.      );  
18. });