RealGrid2 가이드
데이터 가져오기
그리드 Lazy Loading 구현

Lazy Loading

그리드에서 Lazy Loading은 맨 마지막 행까지 스크롤 되었을때 그 다음 데이터를 읽어 오는 방식으로 구현 할 수 있습니다. RealGrid에서 이런 동작을 구현 할 수 있도록 스크롤 관련 콜백 함수를 제공하고 있습니다.

마지막행까지 스크롤되면 다음 데이터 가져오기

그리드의 맨 마지막 행까지 스크롤될 때 호출되는 GridBase.onScrollToBottom() 콜백 함수를 이용해 Lazy Loading을 구현 할 수 있습니다.

gridView.onScrollToBottom = function() {
  httpRequest = new XMLHttpRequest();
  httpRequest.onreadystatechange = function() {
    if (httpRequest.readyState === XMLHttpRequest.DONE) {
      if (httpRequest.status === 200) {
        var data = JSON.parse(httpRequest.responseText);
        dataProvider.fillJsonData(data, {
          fillMode: "append",
          noStates: true
        });
        gridView.refresh();
      }
    }
  };
  httpRequest.open("GET", "/data/" + simple_data.json);
  httpRequest.send();
};