이야기 마을

<script language="javascript">

function printTable(rst)
{
    //rst is array value

    var tblList     = document.getElementById("tblList");
    var nRow;
    var nCell;

    for(var i=0; i<rst.length; i++)
    {
        nRow = tblList.insertRow();
        nCell = nRow.insertCell(0);
        nCell.innerHTML = rst[i];
    }
}

/*
위와 같이 테이블에 Row를 추가하는 방법이 있다.(DHTML)
하지만 추가할 Cell이 많아지고 Row 또한 많아지게 되면
insertRow, insertCell 을 작업하는 동안 화면이 멈추게 된다.(무한루프 돌때나 다운이된경우처럼...)
좀 많이 루프를 돌면서 Table에 Row와 Cell을 추가하게 될 경우에 말이다.

그래서 고민하면서 찾게 된게...어차피 스크립트에서 스레드를 기대하기는 무리고
VB에서와 같이 DoEvents라는 메소드를 찾게되었다.
작업 진행 시간이야 어찌됐든 멈춰보이는것보다
작업이 진행되고있음을 알려주는것이 더 낳을거라 판단이 들었기때문이다.
*/


var g_tmrDrawID; //타이머 ID
var g_lstResult; //리턴 받은 결과값 저장
var g_nPosCurrentData = 0; //g_lstResult 결과 리스트 중 현재 작업 위치

function printTable(rst)
{
    //rst is array value

    //리턴값을 전역으로 저장
    g_lstResult = retVal;

    //현재 위치 초기화
    g_nPosCurrentData = 0;

    //타이머 초기화
    clearTimeout(g_tmrDrawID);

    //데이터 뿌려주는  함수 부르는  시키는 타이머 시작
    g_tmrDrawID = setTimeout("DrawTable()", 1);
}

function DrawTable()
{
    var tblList     = document.getElementById("tblList");
    var retVal     = g_lstResult; //전역으로 지정해놓은 리턴값을 로드
    var nRtnCount    = retVal.length; //리턴값 배열 갯수
    var i = g_nPosCurrentData; //g_lstResult 결과 리스트 중 현재 작업 위치
    var nRow;
    var nCell;


    nRow = tblList.insertRow();
    nCell = nRow.insertCell(0);
    nCell.innerHTML = retVal[i];

    //현재 위치가 리턴값 개수와 같지 않을 경우만 1ms 단위로 타이머 콜
    if(nRtnCount!=g_nPosCurrentData+1)
    {
        clearTimeout(g_tmrDrawID);
        g_tmrDrawID = setTimeout("DrawTable()", 1);
    }
    else
    {
        g_nPosCurrentData = 0; //현재 위치 초기화
        clearTimeout(g_tmrDrawID); //타이머 초기화
        g_lstResult = null; //전역 리턴값 초기화
    }

    //현재 위치 갱신
    g_nPosCurrentData++;
}

/*
찾다찾다 결국 못찾아 타이머를 이용해 만들어보기로 했다.
타이머를 이용해 행단위로 작업되기때문에 멈추지도 않고 쭈우우욱 삽입되는게 보여 생각한거랑
비슷하긴 하지만 한행 입력되는데 1ms의 텀이 있다는거~~~ ㅡㅡ;;;
작업되는시간까지 합치면 뭐 더 걸리겠지만...
할튼 그래도 시간이 좀 걸려서 그렇지 생각과 비슷하게는 만들어졌다.

타이머 콜을 제어하고 위치변수들을 제어하기 위해 소스가 원소스에 비해 두배이상 길어졌지만....
물론 DrawTable에 실작업되는부분은 try를 해서 예외처리를 해놓는것이 반복 요청등이나 뭐 그런 일이 생길때 유리하다
*/
</script>





사실 누구야 만들려한다면 못만들겠냐만은 이걸 만들기전에 자바스크립에서 DoEvents와 유사한 방법이 없을까 하는 방법들을 찾다찾다 VBScript를 찾다찾다(DoEvents는 당연 VB에서만 된다) 누가 유사하게 사용한거 없을까 찾다찾다 하도 생XX를 한게 생각이 나서....ㅋㅋ