Question

我需要调整<form:SimpleForm>中的列。我需要连续4列，但只有2列对齐。以下是我的示例，请参阅JsBin

需要的输出：

标签输入字段标签输入字段

当前输出：

标签输入字段

Answer 1

要在右侧使用新容器，只需设置一个空标题即可。

但要注意标签不会从左到右，从上到下但是（每个容器）从上到下，从左到右毕竟，它只是一个SimpleForm; - ）

请参阅此工作示例（请运行示例整页，否则由于响应性，它仍会显示字段top-town）：

＆＃13;

sap.ui.controller("view1.initial", {
    onInit : function() { }
});

sap.ui.xmlview("main", {
    viewContent: jQuery("#view1").html()
})
.placeAt("uiArea");

＆＃13;

<script id="sap-ui-bootstrap"
    src="https://sapui5.hana.ondemand.com/resources/sap-ui-core.js"
    data-sap-ui-theme="sap_bluecrystal"
    data-sap-ui-xx-bindingSyntax="complex"
    data-sap-ui-libs="sap.m"></script>

<div id="uiArea"></div>

<script id="view1" type="ui5/xmlview">
    <mvc:View 
      controllerName="view1.initial"
      xmlns="sap.m"
      xmlns:l="sap.ui.layout"
      xmlns:f="sap.ui.layout.form"
      xmlns:core="sap.ui.core"
      xmlns:mvc="sap.ui.core.mvc">
        <f:SimpleForm
            maxContainerCols="2"
            editable="true"
            layout="ResponsiveGridLayout"
                labelSpanL="4"
                labelSpanM="4"
                emptySpanL="0"
                emptySpanM="0"
                columnsL="2"
                columnsM="2">
            <f:content>
                <core:Title text="A Title" />
                <Label text="1st label" required="true" />
                <Input value="Blah" />

                <core:Title text="" /> <!-- empty title so it looks like this container belongs to the left one -->
                <Label text="2nd label" required="true" />
                <Input value="Blah" />
            </f:content>
        </f:SimpleForm>
    </mvc:View>
</script>

＆＃13;

如何连续4列简单形成SAPUI5

1 个答案: