Ext.layout.TableLayout扩展自Ext.layout.ContainerLayout,其xtype值为table。
?
布局的配置项:
????? columns:设置表格布局的列数。
?
子面板的配置项:
????? rowspan:跨行的数量。
????? colspan:跨列的数量。
?
new Ext.Panel({
renderTo: "div2",
frame: true,
layout: "table",
layoutConfig: {
columns: 4
},
title: "表格布局(TableLayout)",
width: 500,
height: 200,
defaults: {
bodyStyle: "padding:3px; background-color: #FFFFFF;",
frame: true,
height: 60
},
items: [
{title:"嵌套面板1", html:"嵌套面板1", colspan:3},
{title:"嵌套面板2", html:"嵌套面板2", rowspan:2, height:120, width:200},
{title:"嵌套面板3", html:"嵌套面板3"},
{title:"嵌套面板4", html:"嵌套面板4"},
{title:"嵌套面板5", html:"嵌套面板5"}
]
});
?
?
1 楼
八岭书生
2011-12-05
请问下 如果我要动态设置layoutConfig: {
columns: 4
}, 中的columns为5
要怎么弄啊
columns: 4
}, 中的columns为5
要怎么弄啊