Question

请问 ext 在表单中 一列分成多列 怎么弄 效果如图：请高手啊 急啊 高分悬赏啊

Answer 1

是在一行上显示多个组件吧？
用ColumnLayout

// 所有的列都是百分比单位，加起来就应该是1。
var p = new Ext.Panel({
title: '列布局 - 百分比Only',
layout:'column',
items: [{
title: '列一',
columnWidth: .25
},{
title: '列二',
columnWidth: .6
},{
title: '列三',
columnWidth: .15
}]
});

// width的配置项和columnWidth的配置项两者都可以混合使用，但columnWidth的值加起来就一定要是1。
// 例子的第一列就精确指明120px，剩余的两个列就自适应了容器内余下的部分。
var p = new Ext.Panel({
title: 'Column Layout - Mixed',
layout:'column',
items: [{
title: 'Column 1',
width: 120
},{
title: 'Column 2',
columnWidth: .8
},{
title: 'Column 3',
columnWidth: .2
}]
});

追问

大哥 ！　你看下图中的测试计划　：　那个是表单里面装着个面板　；　这个怎么实现？

Answer 2

有两种方法：
1.所有的显示的汉字是panel来显示，那么就可以用ColumnLayout布局来完成，这种方法就得多花些时间在文字的显示上调整他们的显示位置；

2.显示的汉字是组件的fieldlabel，那么就要用多种布局来组合，因为fieldlabel显示要在form布局下起作用，然后再配合ColumnLayout布局（会用到ColumnLayout布局嵌入form的布局），这种方法需要结合多种布局；

追问

图中测试计划　那个表单　：　你怎么实现表单里面装着一个面板

追答

为什么要表单里装着面板呢? 面板中装着面板不可以吗? 最好看看布局方面的知识, 布局方式对这个应该有更好的处理方法.