Javascript 将sap.ui.commons.CheckBox添加到sap.m.page

我是SAPUI5的新手，希望在SAPUI5的基础上创建一个包含多个复选框的页面。此时，我有以下代码来创建复选框：

function chosevalues(){
        re_items = [];

        var items = [];
        var text = ["1070","1071","1072","1073","1074","1075","1076"];

        for (var i = 0; i < text.length; i++) {
            alert("in for with i= " + i);
            var box = new sap.ui.commons.CheckBox({
                                text : text[i],
                                tooltip : 'Value checkbox',
                                checked : false,
                                change : function() {
                                    if(oCB.getChecked()){
                                        alert(this.getText());
                                        re_items.push(this.getText());
                                    }else{
                                        alert('NO');
                                    }
                                }
                });
                items.push(box);
        }
        page4.addContent(items);
        app.to("page4");
    }

函数chosevalues（）{
re_项目=[]；
var项目=[]；
变量文本=[“1070”、“1071”、“1072”、“1073”、“1074”、“1075”、“1076”]；
对于（变量i=0；i

现在我将数组放在页面内容上，但是文本和框非常小。 我尝试了使用sap.ui.table.table和sap.m.List。什么都没用。 应该是这样的: 但是我发现没有办法在javascript代码中包含mvc视图

一方面，我可以使用javascript编程来创建如示例所示的复选框，另一方面，我可以尝试包含mvc视图。

---

问题是，我对两者都不知道。

在SAPUI5中，有两个主要的库-sap.ui.commons（仅用于桌面）和sap.m（用于桌面和移动设备）

你必须决定哪一个图书馆最适合你的需要，并努力去做

只有在使用sap.m库时，才可能实现您想要实现的目标（大复选框）

以下是一个基于您的函数的小examle代码：

var text = ["1070","1071","1072","1073","1074","1075","1076"];
var oVBox = new sap.m.VBox();
for (var i = 0; i < text.length; i++) {
    oVBox.addItem(new sap.m.CheckBox({text:text[i]}));
}

var text=[“1070”、“1071”、“1072”、“1073”、“1074”、“1075”、“1076”]；
var oVBox=new sap.m.VBox（）；
对于（变量i=0；i

下面是一个演示：