Extjs：Vbox子项是否有可能具有不同的对齐值？

Question

因此，在 ext 中，vbox 布局具有 align 配置，可以采用 right、left、center 等值。然后将此值应用于其所有子项。

我的问题是：如果我希望第一个孩子左对齐而其余的孩子右对齐怎么办？默认情况下如何覆盖布局配置中给出的值？

例如：

    xtype : 'panel',
    layout : {
            type : 'vbox',
            align : 'right'
        },
        items : [{
            xtype: 'text',
            text: 'Override right align here',
            align: 'left'

        },{
                xtype: 'text',
                text: 'Inherit default align here'
        }]

text 或其他 xtype 没有对齐配置。我如何实现这种布局。 PS - 我有很多子项目，而不仅仅是两个。而且我有点需要坚持使用 vbox。

Answer 1

你可以通过使用几个项目块来做到这一点

    items: [
        {
            xtype: 'panel',
            layout: {
                type: 'vbox',
                align: 'right'
            },
            items:[
                ...
            ]
        },
        {
            xtype: 'panel',
            layout: {
                type: 'vbox',
                align: 'left'
            },
            items:[
                ...
            ]
        },
        {
            xtype: 'panel',
            layout: {
                type: 'vbox',
                align: 'right'
            },
            items:[
                ...
            ]
        },
    ]

Look at this