RealGrid2 가이드
성능
대량 데이터 불러오기

대량 데이터 불러오기

그리드 생성 시 처음 표시되는 데이터셋은 서버 상에 정적 파일로 존재하거나, URL 요청 시점에 데이터베이스 쿼리 등을 통해 생성되어 반환될 수 있습니다. 그리드가 직접 서버에 요청하여 전달된 Csv 텍스트를 데이터 행들로 변환하여 내부 데이터셋에 추가합니다.

대량 데이터

csv 형태의 50만건 데이터를 불러옵니다. RealGrid는 행의 제한은 없습니다. 다만 브라우저의 운용 메모리 범위에서 데이터를 처리할 수 있으므로 불러온 데이터의 크기가 크면 브라우저의 가용 메모리가 줄어들고 따라서 개인 사용 환경에 따라 다르겠지만 대량의 데이터를 여러번 반복적으로 가져온다면 브라우저 메모리 풀에 의해 성능이 저하되거나 응답 없음 오류를 발생하기도 합니다.

대량 데이터를 처리하는 일은 Client만의 문제가 아닌 서버에서 대량 쿼리를 처리할 수 있는지 여부도 중요하므로 프로젝트에 성격과 상황에 따라 그 양을 제한할 필요가 있습니다.

document.getElementById("btnLargeLoadData").disabled = true;
if(document.getElementById("showProgressbar").checked){
    gridView.showLoading();
}
 
var now = new Date();
$.ajax({
    url: "/data/TooLargeDataSet.csv",
    success: function (data) {
        dataProvider.fillCsvData(data, {});
        gridView.closeLoading();
 
        var endDate = new Date();
        var dataTime = endDate.getTime() - now.getTime();
        document.getElementById("ellapse").innerHTML = dataProvider.getRowCount() + "개 출력 소요 시간 : " + dataTime + " ms"; 
    },
    error: function (xhr, status, error) {
    },
    complete: function (data) {
 
    },
    xhr: function () {
        var xhr = new window.XMLHttpRequest();
        return xhr;
    }
});