Question

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

Answer 1

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

Answer 2

这是我到目前为止所做的：

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 表

Answer 3

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

ExtJS Portal - 不同大小的列

3 个答案: