Javascript SAPUI5-向视图添加更多元素

Javascript SAPUI5-向视图添加更多元素,javascript,sapui5,Javascript,Sapui5,我正在尝试创建类似登录屏幕的东西。一个输入字段用于名称,一个输入字段用于密码。我通过view和shell来完成它。这是我得到的 app.js: var myView = new sap.ui.view({ viewName: "myapp.view.My", type: sap.ui.core.mvc.ViewType.JS }); var oShell = new sap.m.Shell("mainShell", { app: myView }); oShell.p

我正在尝试创建类似登录屏幕的东西。一个输入字段用于名称,一个输入字段用于密码。我通过view和shell来完成它。这是我得到的

app.js:

var myView = new sap.ui.view({
    viewName: "myapp.view.My",
    type: sap.ui.core.mvc.ViewType.JS
});

var oShell = new sap.m.Shell("mainShell", {
    app: myView
});

oShell.placeAt("content");
My.view.js:

sap.ui.jsview("myapp.view.My", {
    createContent: function(oController) {

        var oNameInput = new sap.ui.commons.TextField();
        var oPasswordInput = new sap.ui.commons.TextField();

        return oNameInput, oPasswordInput;
    }
});

问题是只显示一个字段,或者第二个字段位于第一个字段上。向视图添加更多元素的逻辑是什么?谢谢。

在您的情况下,实际上只返回第一个元素。 将其作为数组返回:

[oNameInput, oPasswordInput]

它应该会起作用。

我赞同赫尔洛克的评论。您应该包括
sap.ui.layout
-库,并将这两个元素安排到您选择的布局对象中[1]。然后,返回单个布局对象,其中包含您的名称和密码输入对象


[1]

试试
sap.ui.layout
-库(开始时尤其是水平布局和垂直布局)关于布局,有没有类似于在android中创建布局的东西?我指的是xml文件。我对android开发不太了解,但如果你喜欢,可以使用