Question

因此，在分机中，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或其他xtypes没有对齐配置。我如何实现这种布局。 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

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

1 个答案: