当前位置:首页 > 问答大全 > 请问 ext 在表单中 一列分成多列 怎么弄 效果如图:请高手啊 急啊 高分悬赏啊

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

被浏览: 0次 2023年10月24日 13:48
热门回答(2个)
游客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
}]
});

游客2

有两种方法:
1.所有的显示的汉字是panel来显示,那么就可以用ColumnLayout布局来完成,这谨衡和种方法就得多花些时间在拦圆文字的显示上调整他们的显示位置;

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