当前位置: 代码迷 >> Web前端 >> 列格局(ColumnLayout)
  详细解决方案

列格局(ColumnLayout)

热度:82   发布时间:2012-11-04 10:42:42.0
列布局(ColumnLayout)

Ext.layout.ColumnLayout扩展自Ext.layout.ContainerLayout,其xtype值为column。

?

子面板的主要配置项:
????? columnWidth:以百分比为单位的列宽,必须是大于0小于1的小数,所有列的columnWidth值相加必须等于1。
????? width:以像素为单位的固定宽度。
????? 百分比计算的基础宽度是父容器的宽度减去固定列宽之后剩余的宽度值。

?

new Ext.Panel({
	renderTo: "div2",
	frame: true,
	layout: "column",
	title: "列布局(ColumnLayout)",
	width: 500,
	defaults: {
		bodyStyle: "padding:3px; background-color: #FFFFFF;",
		frame: true
	},
	items: [
		{width:150, title:"嵌套面板1", html:"嵌套面板1"},
		{columnWidth:0.7, title:"嵌套面板2", html:"嵌套面板2"},
		{columnWidth:0.3, title:"嵌套面板3", html:"嵌套面板3"}
	]
});



??