[jqGrid] 첫번 째 row 선택하기

그리드가 로드되고나서나 어떠한 이벤트가 발생했을 때 자동으로 첫번째 row를 선택해야 할 때가 있을 때 사용 할 수 있습니다.

var grid = $("#table"),
ids = grid.jqGrid("getDataIDs");
if(ids && ids.length > 0){
    grid.jqGrid("setSelection", ids[0]);
}

예를 들어 버튼 클릭 시 첫번째 row가 선택되게 하려고 할때 저렇게만 써주니 작동을 안하였습니다.

그래서

setTimeout을 써주니 해결되었네요.

setTimeout(function() {
    var grid = $("#table"),
    ids = grid.jqGrid("getDataIDs");
    if(ids && ids.length > 0){
        grid.jqGrid("setSelection", ids[0]);
    }
}, 100);

다른 예로 jqGrid 기본 설정으로 처음 화면에 보여지면서 자동으로 첫번째 로우가 선택되게 하려면 jqGrid 선언부에 써주시면 됩니다.

바로 gridComplete 부분에 넣어주시면 됩니다.

gridComplete: function(){
    var grid = $("#table"),
    ids = grid.jqGrid("getDataIDs");
    if(ids && ids.length > 0){
        grid.jqGrid("setSelection", ids[0]);
    }
}