ADF panelFormLayout中的字段排列

Question

当我将我的字段放在panelFormLayout中时，它会以下面的格式显示元素

1         4
2         5
3         6

但我希望字段应采用以下格式

1         2
3         4
5         6

有人可以指出正确的方法来做到这一点。 代码

<af:panelFormLayout id="pfl1" fieldWidth="150" labelWidth="150" labelAlignment="start" rows="3" maxColumns="2">
    <af:inputText label="1" id="it1"/>
    <af:inputText label="2" id="it2"/>
    <af:inputText label="3" id="it2"/>
    <af:inputText label="4" id="it2"/>
    <af:inputText label="5" id="it2"/>
    <af:inputText label="6" id="it2"/>
</af:panelFormLayout>

Answer 1

您可以按行对inputText字段进行分组，每行使用一个panelFormLayout：

<af:group id="g1">

    <af:panelFormLayout id="pfl21" rows="1" maxColumns="2"
                        labelAlignment="start" fieldWidth="150"
                        labelWidth="150">
        <af:inputText label="first" id="it21"/>
        <af:inputText label="second" id="it23"/>
    </af:panelFormLayout>

    <af:panelFormLayout id="pfl22" rows="1" maxColumns="2"
                        labelAlignment="start" fieldWidth="150"
                        labelWidth="150">
        <af:inputText label="third" id="it25"/>
        <af:inputText label="fourth" id="it22"/>
    </af:panelFormLayout>

    <af:panelFormLayout id="pfl23" rows="1" maxColumns="2"
                        labelAlignment="start" fieldWidth="150"
                        labelWidth="150">
        <af:inputText label="fifth" id="it24"/>
        <af:inputText label="sixth" id="it26"/>
    </af:panelFormLayout>

</af:group>

要使标签和输入字段正确垂直对齐，只需将fieldWidth和labelWidth设置为合理的值，但您已在代码中执行此操作。

另见Controlling tab order in an ADF Form。