当前位置: 代码迷 >> Web前端 >> 报表布局(TableLayout)
  详细解决方案

报表布局(TableLayout)

热度:84   发布时间:2012-11-08 08:48:11.0
表格布局(TableLayout)

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 


要怎么弄啊