首先,那个responsiveStep的 minWidth 参数,并不是指的每个 textField 的宽度,而是屏幕的最小宽度。
其次,需要根据你form中每个字段的宽度调整显示的列数。
比如我的这个配置:
<formLayout id="formLayout" dataContainer="studentDc" labelsPosition="ASIDE">
<responsiveSteps>
<responsiveStep minWidth="0" columns="1"/>
<responsiveStep minWidth="700px" columns="2"/>
<responsiveStep minWidth="1000px" columns="3"/>
<responsiveStep minWidth="1400px" columns="4"/>
</responsiveSteps>
<formItem >
<textField id="nameField" property="name" />
</formItem>
<formItem >
<textField id="genderField" property="gender" />
</formItem>
<formItem >
<textField id="ageField" property="age" />
</formItem>
<formItem >
<textField id="hobbyField" property="hobby" />
</formItem>
</formLayout>
效果还行:
另外,如果你觉得 label 占的空间太大或太小,可以用这个帖子的方法调整:
非常感谢