IE에서 jqGrid 이벤트버블링, IE8

Grid 목록에 button을 클릭했을 때 Chrome에서는 정상작동하는데 IE에서 오류발생.

원인 - 이벤트 버블링(Event Bubbling)

-> button의 기능과 Grid의 onSelectRow 기능이 동시 호출 됨.

button의 기능만 수행되도록 button click 이벤트에

        event.stopPropagation();

이렇게만 처리하면 IE8에서 인식하지 못함.

결론은

if( event.stopPropagation ){

event.stopPropagation();//이벤트 버블링 방지

}else{

event.cancelBubble = true;//IE8

}

다중 jqGrid Load처리

2개이상의 jqGrid를 비동기로 동시에 호출했을때 IE 에서 문제 발생(Chrome은 정상)

예) 화면이 Load될 때 grid가 자동 조회되는 구조

list1 -> list2의 순서대로 Load한다고 가정했을 때,

두번째 grid list2 의 datatype 속성을 local로 지정한다.
datatype : 'local'

첫번째 grid list1의 loadComplete 속성에

$('#list2').setGridParam({
    datatype : 'json',
    postData : {}
}).trigger("reloadGrid");


첫번째 grid list1의 Load가 완료되면 두번째 grid list2를 Load한다.