当前位置：文江博客话题详情

ExtJS Portal - 不同大小的列

发布于 2024-08-29 03:11:58 字数 118 浏览 5 评论 0原文

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

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

南冥有猫 2024-09-05 03:11:58

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

回复收藏 0 原文

晨曦慕雪 2024-09-05 03:11:58

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

回复收藏 0 原文

柒七 2024-09-05 03:11:58

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

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 来表达它，那就是：

table
tr td colspan=“2” tr
td td tr
桌子

Here is what I have so far:

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 ]
        }]
    });

I know I can configure the column widths for the entire portal, but I need them to be stacked. So one column on top which spans the entire width, and then two below it which is composed of two individual widths. If I have to express it in HTML, here it is:

table
tr td colspan="2" tr
tr td td tr
table

回复收藏 0 原文

~没有更多了~