SAPUI5描画ダイナミックグリッド

Question

以下のサンプルコードをMVCコンセプトのSAPUI5アプリケーションに変換する方法をお聞きしたいと思います。このアプリケーションでは、作成するグリッドの数を入力することができます。クリックすると、行、列、および数値にトリガーされるイベントが発生します。この目的を達成するため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; 

}

任意のコントローラ？

ありがとうございました。

Answer 1

Helllo

あなたはそれが行と列の分離のために役立ちますコントロールである「sap.ui.table」を使用することができます。