Sapui5 将按钮与SAP UI5中的下一行对齐;“SimpleForm”;

Sapui5 将按钮与SAP UI5中的下一行对齐;“SimpleForm”;,sapui5,Sapui5,我是SAPUI5的新手;)刚开始学习基础知识。我想从你们那里知道如何将按钮与表单中的下一行对齐。如下图所示,保存和取消按钮与Pin码对齐。所以让我知道。这里是小提琴链接: 另外,请告诉我这个属性的含义是什么,我已经阅读了文档,但没有掌握太多。术语如下:labelSpanXL、labelSpanL、labelSpanM、labelSpanS、emptySpanXL、emptySpanL、emptySpanS、columnsXL、columnsL、columnsM、breakpointXL、brea

我是SAPUI5的新手;)刚开始学习基础知识。我想从你们那里知道如何将按钮与表单中的下一行对齐。如下图所示,保存和取消按钮与Pin码对齐。所以让我知道。这里是小提琴链接:


另外,请告诉我这个属性的含义是什么,我已经阅读了文档,但没有掌握太多。术语如下:labelSpanXL、labelSpanL、labelSpanM、labelSpanS、emptySpanXL、emptySpanL、emptySpanS、columnsXL、columnsL、columnsM、breakpointXL、breakpointL和breakpointM。屏幕分为span,因此我们在所有设备(移动设备、笔记本电脑、台式机)中都有12个span,因此labelSpanXL表示超大屏幕,labelspanl的意思是大屏幕等等。。。因此,根据您的设备,from将显示内容。

感谢@inlovesap为您回复。。。因此,在设计表单时,我需要在所有属性XL、L和S中设置值?
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");