问如何使简单的表单响应？
EN

Stack Overflow用户

提问于 2019-09-27 12:41:49

回答 1查看 433关注 0票数 1

我制作了一个简单的表格，其定义如下：

<core:FragmentDefinition
    xmlns="sap.m"
    xmlns:l="sap.ui.layout"
    xmlns:f="sap.ui.layout.form"
    xmlns:core="sap.ui.core">
    <VBox class="sapUiSmallMargin">
        <f:SimpleForm id="SimpleFormChange480_12120"
                editable="true"
                layout="ResponsiveGridLayout"
                title="Add New Employee"
                labelSpanL="4"
                labelSpanM="4"
                labelSpanS="12"
                adjustLabelSpan="false"
                emptySpanL="0"
                emptySpanM="0"
                emptySpanS="0"
                columnsL="1"
                columnsM="1"
                columnsS="1"
                singleContainerFullSize="false" >
            <f:content>
                <Label text="Employee Id">
                    <layoutData>
                        <l:GridData span="L2 M2 S12"/>
                    </layoutData>
                </Label>
                <Input id="empid">
                    <layoutData>
                        <l:GridData span="L2 M4 S12"/>
                    </layoutData>
                </Input>
                <Label text="Employee Name">
                    <layoutData>
                        <l:GridData span="L2 M2 S12"/>
                    </layoutData>
                </Label>
                <Input id="empname">
                    <layoutData>
                        <l:GridData span="L2 M4 S12"/>
                    </layoutData>
                </Input>
                <Label text="Email">
                    <layoutData>
                        <l:GridData span="L2 M2 S12"/>
                    </layoutData>
                </Label>
                <Input id="email">
                    <layoutData>
                        <l:GridData span="L2 M4 S12"/>
                    </layoutData>
                </Input>
                <Label text="Department">
                    <layoutData>
                        <l:GridData span="L2 M2 S12"/>
                    </layoutData>
                </Label>
                <Input id="department">
                    <layoutData>
                        <l:GridData span="L2 M4 S12"/>
                    </layoutData>
                </Input>
                <Label text="City">
                    <layoutData>
                        <l:GridData span="L2 M2 S12"/>
                    </layoutData>
                </Label>
                <Input id="city">
                    <layoutData>
                        <l:GridData span="L2 M4 S12"/>
                    </layoutData>
                </Input>
                <Label text="State">
                    <layoutData>
                        <l:GridData span="L2 M2 S12"/>
                    </layoutData>
                </Label>
                <Input id="state" >
                    <layoutData>
                        <l:GridData span="L2 M4 S12"/>
                    </layoutData>
                </Input>
                <Label text="District">
                    <layoutData>
                        <l:GridData span="L2 M2 S12"/>
                    </layoutData>
                </Label>
                <Input id="district" >
                    <layoutData>
                        <l:GridData span="L2 M4 S12"/>
                    </layoutData>
                </Input>
                <Label text="Address">
                    <layoutData>
                        <l:GridData span="L2 M2 S12"/>
                    </layoutData>
                </Label>
                <Input id="address" >
                    <layoutData>
                        <l:GridData span="L2 M4 S12"/>
                    </layoutData>
                </Input>
            </f:content>
        </f:SimpleForm>
    </VBox>
</core:FragmentDefinition>

我想我在定义span时犯了什么错误。我对大型、中型和小型系统没有太多的想法，我认为我面临的主要问题就是这个问题。

当我检查iPad设备中的响应时，它没有显示出准确的响应，但我尝试过这样做，任何人都可以帮助我使它响应。

sapui5

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-10-03 08:00:44

根据您的要求(IPad)，表单没有显示3列。您需要调整span值。

<VBox class="sapUiSmallMargin">
    <f:SimpleForm id="SimpleFormChange480_12120"
        editable="true"
        layout="ResponsiveGridLayout"
        title="Add New Employee"
        labelSpanL="4"
        labelSpanM="4"
        labelSpanS="12"
        adjustLabelSpan="false"
        emptySpanL="0"
        emptySpanM="0"
        emptySpanS="0"
        columnsL="1"
        columnsM="1"
        columnsS="1"
        singleContainerFullSize="false" >
        <f:content>
            <Label text="Employee Id">
                <layoutData>
                    <l:GridData span="L2 M2 S12"/>
                </layoutData>
            </Label>
            <Input id="empid">
                <layoutData>
                    <l:GridData span="L2 M2 S12"/>
                </layoutData>
            </Input>
            <Label text="Employee Name">
                <layoutData>
                    <l:GridData span="L2 M2 S12"/>
                </layoutData>
            </Label>
            <Input id="empname">
                <layoutData>
                    <l:GridData span="L2 M2 S12"/>
                </layoutData>
            </Input>
            <Label text="Email">
                <layoutData>
                    <l:GridData span="L2 M2 S12"/>
                </layoutData>
            </Label>
            <Input id="email">
                <layoutData>
                    <l:GridData span="L2 M2 S12"/>
                </layoutData>
            </Input>
            <Label text="Department">
                <layoutData>
                    <l:GridData span="L2 M2 S12"/>
                </layoutData>
            </Label>
            <Input id="department">
                <layoutData>
                    <l:GridData span="L2 M2 S12"/>
                </layoutData>
            </Input>
            <Label text="City">
                <layoutData>
                    <l:GridData span="L2 M2 S12"/>
                </layoutData>
            </Label>
            <Input id="city">
                <layoutData>
                    <l:GridData span="L2 M2 S12"/>
                </layoutData>
            </Input>
            <Label text="State">
                <layoutData>
                    <l:GridData span="L2 M2 S12"/>
                </layoutData>
            </Label>
            <Input id="state" >
                <layoutData>
                    <l:GridData span="L2 M2 S12"/>
                </layoutData>
            </Input>
            <Label text="District">
                <layoutData>
                    <l:GridData span="L2 M2 S12"/>
                </layoutData>
            </Label>
            <Input id="district" >
                <layoutData>
                    <l:GridData span="L2 M2 S12"/>
                </layoutData>
            </Input>
            <Label text="Address">
                <layoutData>
                    <l:GridData span="L2 M2 S12"/>
                </layoutData>
            </Label>
            <Input id="address" >
                <layoutData>
                    <l:GridData span="L2 M2 S12"/>
                </layoutData>
            </Input>
            <!-- Select -->
            <Label text="Branch">
                <layoutData>
                    <l:GridData span="L2 M2 S12"/>
                </layoutData> 
            </Label>
            <Select> 
                <layoutData> 
                    <l:GridData span="L2 M2 S12" /> 
                </layoutData> 
            </Select>
        </f:content>
    </f:SimpleForm>
</VBox>

输出-标签跨度2和输入跨度3的iPad

输出-带有标签和输入跨度2的iPad

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/58134784

复制

相似问题

问如何使简单的表单响应？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使简单的表单响应？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使简单的表单响应？
EN