Question

我是SAPUI5的新手;）刚开始学习基础知识。我想知道你们如何将按钮对齐到表单中的下一行/行。如下图所示，Save＆amp;取消按钮与Pin-Code对齐。所以让我知道。这是小提琴链接：jsBin

var oForm = new sap.ui.layout.form.SimpleForm({
            title: "Sample Form",
            editable: true,
            layout: sap.ui.layout.form.SimpleFormLayout.ResponsiveGridLayout,
            content: [
                new sap.m.Label({ text:"Name" }),
                new sap.m.Input({ placeholder:"Enter name here", width: "60%" }),

                new sap.m.Label({ text:"Company" }),
                new sap.m.Input({ placeholder: "InkYourCode", width: "60%" }),

                new sap.m.Label({ text:"Email"}),
                new sap.m.Input({ placeholder: "Enter email here", width: "60%" }),

                new sap.m.Label({ text:"Mobile"}),
                new sap.m.Input({ placeholder: "Enter Mobile here", width: "60%" }),

                new sap.m.Label({ text: "Pin Code" }),
                new sap.m.Input({ placeholder: "Enter Pin-Code here", width: "60%" }),

                new sap.m.Button({ text: "Save" }),
                new sap.m.Button({ text: "Cancel" })
            ]
        }).placeAt("content");

也可以告诉我这个属性的含义是什么，我已经阅读了文档，但并没有太多掌握它。术语如下：labelSpanXL，labelSpanL，labelSpanM，labelSpanS，emptySpanXL，emptySpanL，emptySpanM，emptySpanS，columnsXL，columnsL，columnsM，breakpointXL，breakpointL＆amp; breakpointM。

Answer 1

屏幕分为跨度，因此我们在所有设备（移动设备，笔记本电脑，台式机）中都有12个跨度，因此labelspanxl表示超大屏幕，标签设备意味着大屏幕等等...因此，根据设备，您的来自将显示内容

将按钮对齐到SAP UI5“SimpleForm”中的下一行

1 个答案: