如何在 HBox/VBox 中排列输入字段？

Question

我有一个 table 并且在其中一个列中我试图以 2*2 方式显示 4 个输入字段

例如，我有一个示例列：

我试过 VBox 为：

                        <Column>
                        <m:Text text="Sample Column" />
                        <template>
                            <m:VBox visible="true">
                                <m:Input value="test1" editable='false'/>
                                <m:Input value="test2" editable='false'/>
                                <m:Input value="test3" editable='false'/>
                                <m:Input value="test4" editable='false'/>
                            </m:VBox>
                        </template>
                    </Column>

我试过 HBox（替换上面的 VBox 和一些随机文本），它显示所有列为：

我可以知道如何实现 2*2 吗（试图解释）：

Answer 1

试试这个：

<m:VBox visible="true">
    <m:HBox>
        <m:Input value="test1" editable='false'/>
        <m:Input value="test2" editable='false'/>
    </m:HBox>
    <m:HBox>
        <m:Input value="test3" editable='false'/>
        <m:Input value="test4" editable='false'/>
    </m:HBox>
</m:VBox>

如何在 HBox/VBox 中排列输入字段？

How to have input fields arranged in HBox/VBox?

sapui5