jqGrid 셀 수정/저장 방법

요즘 맡은 업무에서 jqGrid가 사용되는데, 아직은 잘 몰라서 공부하면서 쓰는 글.

jqGrid는 jQuery라이브러리를 이용한 Grid plugin이다.

jqGrid는 웹에서 테이블 형식의 데이터를 표시하고 조작을 위한 Ajax기반 자바스크립트 컨트롤러이다.

jqGrid의 동작원리

• 클라이언트가 페이지를 서버에게 요청
• 서버는 요청한 페이지를 응답하고 페이지가 로드된 후 스크립트를 호출
• 스크립트 내에 있는 그리드는 Ajax통신으로 데이터를 가지고 와서 html내에 있는 table에 그려주는 방식으로 동작

jqGrid 수정 및 저장

onSelectRow : function(rowid) {
	if(rowid && rowid != lastid){
    		$('#gridTableID').restoreRow(lastid, true);
           	lastid = rowid; 
    		$('#gridTableID').jqGrid('saveRow', rowid, true, 'clientArray');
    	}
        
        $('#gridTableID').editRow(rowid, true);
        $('#'+rowid+"_컬럼명").blur(function(){
        	$('#gridTableID').jqGrid('saveRow', rowid, true, 'clientArray');
        });

}

처음에 검색한대로 했을 땐 수정모드도 간신히 하고 저장이 안되서 고생했었는데,
많은 사람들의 도움으로 저장까지 마칠 수 있었다.
좀 더 찾아보고 깊게 생각했었으면 일찌감치 해결했을 수도..
잊어버리지 않기 위해 기록해둔다.