Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/typo3/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Sapui5 如何在HBox/VBox中排列输入字段?_Sapui5 - Fatal编程技术网

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

Sapui5 如何在HBox/VBox中排列输入字段?,sapui5,Sapui5,我有一个表,在其中一列中,我试图以2*2的方式显示4个输入字段 例如,我有一个样本列: 我已将VBox尝试为: <Column> <m:Text text="Sample Column" /> <template> <m:VBox visible="true

我有一个表,在其中一列中,我试图以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

试试这个:

<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>

感谢mate提供的快速解决方案……是否有类似FlexBox的产品,我已经尝试过自行调整,但在这种情况下,我可以用FlexBox实现同样的效果?VBox和HBox都是FlexBox。我认为您可能需要研究带有ResponsiveGridLayout的SimpleForm。在较新的sapui5版本中,您还可以利用CSS网格: