0

我需要能够在 ExtJS 门户中使用不同大小的列。例如，我想在中心区域，一个有空间容纳一个大部件的区域，然后在它的正下方，2 个区域容纳 2 个较小的小部件。我一直在尝试使用这些列来解决这个问题，但似乎没有任何效果。帮助？

4

3 回答 3

1

门户使用ColumnLayout，因此您应该能够根据需要使用标准配置来配置列宽。您尝试过什么（即发布一些代码）？

于 2010-04-13T19:51:02.497 回答
0

这是我到目前为止所拥有的：

var portalColumns =
    [{
        columnWidth: .70,
        id: 'firstColumn',
        style: 'padding:10px 0 10px 10px'
    }, {
        columnWidth: .30,
        id: 'secondColumn',
        style: 'padding:10px 0 10px 10px'
    }];

    var mainPanel = new Ext.Panel({
        renderTo: 'pnlContent',
        layout: 'border',
        height: 730,
        width: 1255,
        id: 'mainPanel',
        items: [portalNavigation,
        {
        xtype: 'portal',
        region: 'center',
        margins: '35 5 5 0',
        items: [portalColumns ]
        }]
    });

我知道我可以为整个门户配置列宽，但我需要将它们堆叠起来。因此，顶部的一列跨越整个宽度，然后在其下方的两列由两个单独的宽度组成。如果我必须用 HTML 来表达，这里是：

表 tr td colspan="2" tr tr td td tr 表

于 2010-04-13T20:21:36.420 回答
0

如果我做对了，tableLayout 会更适合您的需求……试一试：http ://www.extjs.com/deploy/dev/docs/?class=Ext.layout.TableLayout

于 2010-04-19T13:54:35.100 回答