SAPUI5

Question

我正在尝试创建类似登录屏幕的内容。一个输入字段用于名称，一个输入字段用于输入密码。我通过视图和 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;
    }
});

问题是只有一个字段显示，或者第二个字段在第一个字段上。向视图添加更多元素的逻辑是什么？谢谢

Answer 1

在你的例子中，你实际上只返回了第一个元素。 Return 它作为一个数组：

[oNameInput, oPasswordInput]

它应该可以工作。

Answer 2

我支持 herrlocks 的评论。您应该包含 sap.ui.layout 库并将这两个元素排列到您选择的布局对象中 [1]。然后，您 return 包含您的名称和密码输入对象的单个布局对象。

[1] https://sapui5.netweaver.ondemand.com/sdk/#docs/api/symbols/sap.ui.layout.html

SAPUI5 - 添加更多元素以查看

SAPUI5 - Add more elements to view

javascript