SAPUI5绘制动态网格

时间:2017-10-31 10:26:37

标签: javascript html5 model-view-controller sapui5

我想问一下如何使用MVC概念将下面的示例代码转换为SAPUI5应用程序。该应用程序应该允许用户输入要创建的网格数量,并在点击时输入触发的行,列和数字。

sample jsbin

function clickableGrid( rows, cols, callback ){
var i=0;
var grid = document.createElement('table');
grid.className = 'grid';
for (var r=0;r<rows;++r){
    var tr = grid.appendChild(document.createElement('tr'));
    for (var c=0;c<cols;++c){
        var cell = tr.appendChild(document.createElement('td'));
        cell.innerHTML = ++i;
        cell.addEventListener('click',(function(el,r,c,i){
            return function(){
                callback(el,r,c,i);
            }
        })(cell,r,c,i),false);
    }
}
return grid;

}

SAPUI5中可用的任何控制器都能实现这一目标吗?

感谢。

1 个答案:

答案 0 :(得分:0)

Helllo

您可以使用&#34; sap.ui.table&#34;它是帮助您分离行和列的控件。