当前位置: 代码迷 >> Web前端 >> form多行column格局
  详细解决方案

form多行column格局

热度:179   发布时间:2012-11-01 11:11:31.0
form多行column布局
var panel = new Ext.FormPanel({
						title : "人员信息",
						frame : true,
						width : 500,
						height : 300,
						layout : 'form',
						items : [{
									layout : "column",
									items : [{
												html : "列1",
												width : 200
											}, {
												html : "列2",
												columnWidth : .3
											}, {
												html : "列3",
												columnWidth : .3
											}, {
												html : "列4",
												columnWidth : .4
											}]
								}, {
									layout : "column",
									items : [{
												html : "列1",
												width : 200
											}, {
												html : "列2",
												columnWidth : .3
											}, {
												html : "列3",
												columnWidth : .3
											}, {
												html : "列4",
												columnWidth : .4
											}]
								}]
					})
			//panel.render('form-div');
  相关解决方案