我可以更改表格上的列顺序吗？

Question

在 UI5 中，我在我的表单中使用 ColumnLayout 来显示一个表单，该表单有多个表单容器，上面有一堆字段。它工作正常；当我缩小它时，它会移动到单列并且看起来不错。但是，当它在大屏幕上并转到2列时，数据的顺序就乱了。

这是我的 XML 视图部分：

<f:Form xmlns:f="sap.ui.layout.form" editable="true">
  <f:layout>
    <f:ColumnLayout columnsM="2" columnsL="3" columnsXL="4" />
  </f:layout>
  <f:formContainers>
    <f:FormContainer title="Basic Data">
      <f:formElements>
        <f:FormElement label="Field 1">
          <f:fields>
            <Input maxLength="10" />
          </f:fields>
        </f:FormElement>
        <f:FormElement label="Field 2">
          <f:fields>
            <Input maxLength="100" />
          </f:fields>
        </f:FormElement>
        <f:FormElement label="Field 3">
          <f:fields>
            <Input maxLength="20" />
          </f:fields>
        </f:FormElement>
        <f:FormElement label="Field 4">
          <f:fields>
            <Input maxLength="20" />
          </f:fields>
        </f:FormElement>
      </f:formElements>
    </f:FormContainer>
  </f:formContainers>
</f:Form>

现在是这样的：

列的顺序如下：

字段 1 字段 4
字段 2
字段 3

我知道它按报纸的顺序排列，但有没有办法让它显示：

字段 1 字段 2
字段 3 字段 4

Answer 1

在这种情况下，您将不得不使用不同的布局。这是 ResponsiveGridLayout 的示例：https://jsbin.com/topaleb/edit?js,output

^{其他截图：XL, S}

我可以更改表格上的列顺序吗？

Can I change the Sequence of Columns on a Form?

sapui5