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

因此，在ext中，

vbox

布局具有

align

config，它可以采用

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'
        }]

---

文本

或其他X类型没有对齐配置。如何实现此布局。PS-我有很多子项目，而不仅仅是两个。我需要坚持使用vbox。

您可以通过使用几个项目块来实现这一点

    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:[
                ...
            ]
        },
    ]

---

感谢您的回答，这是我目前正在做的事情（除了我正在为孩子们使用hbox），但我正在寻找更优雅的东西。我认为没有更多的解决方案）您不能更改block的布局