SAPUI5 그리기 동적 격자

Question

아래 샘플 코드를 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이 목표를 달성 하는가?

감사합니다.

Answer 1

Helllo는

당신이 사용할 수있는 "sap.ui.table"은 행과 열 분리를하는 데 도움이 컨트롤입니다.