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

Add sap.ui.commons.CheckBox onto a sap.m.page

本文关键字：sap page CheckBox ui commons 添加      更新时间：2023-09-26

我是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");
    }

现在我将数组放在页面内容上，但文本和框都很小。我试过用sap.ui.table.table和sap.m.List。都没用。它应该是这样的：SAPUI5 Explored-CheckBox但是我没有找到在javascript代码中包含mvc视图的方法。

一方面，我可以像示例一样使用javascript进行编程来创建CheckBoxes，另一方面我可以尝试包含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]}));
}

这里有一个演示：LINK

相关文章：