表格布局（TableLayout）

最新推荐文章于 2021-09-01 15:16:19 发布

yue2008

最新推荐文章于 2021-09-01 15:16:19 发布

阅读量614

点赞数

分类专栏： ExtJS_3.0 文章标签： EXT HTML

本文链接：https://blog.csdn.net/yue2008/article/details/83630392

版权

ExtJS_3.0 专栏收录该内容

35 篇文章 0 订阅

订阅专栏

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"}
	]
});