一、Table布局由類Ext.layout.TableLayout定義,類以于html中的table,可以對行或列進行合并。
layoutConfig使用columns指定父容器分成3列,
rowspan合并行數目。
colspan合并列數目。
二、應用舉例
代碼如下:
Ext.onReady(function(){
var _panel = new Ext.Panel({
title:"人員信息",
renderTo:Ext.getBody(),
width:500,
height:200,
layout:"table",
layoutConfig: {
columns: 3
},
items:[{title:"子元素1",html:"這是子元素1中的內容",rowspan:2,height:100},
{title:"子元素2",html:"這是子元素2中的內容",colspan:2},
{title:"子元素3",html:"這是子元素3中的內容"},
{title:"子元素4",html:"這是子元素4中的內容"}
]
}
);