[jqgrid] jqgrid 특정 row, cel 속성 추가하기

jqgrid를 사용하다보니 특정 row와 cel에 스타일을 줘야 하는 경우가 생겼다.

이방법 저방법 찾아보다가 jqgrid 내부 속성만으로 해결 할수 있어서 편하게 해결 할 수 있었다

setRowData : 특정 row의 속성을 추가할 수 있음

setCell : 특정 cel의 속성을 추가할 수 있음

jQuery(viewName).jqGrid('setGridParam', //viewName grid가 그려질 테이블 네임

{

   datatype: "jsonstring",

 datastr : data.resultData,

 loadComplete: function() {//

var rowids =  jQuery(viewName).jqGrid('getDataIDs'); //일단 jqgrid 데이타들의 id 값을 가져온다.

$.each(

rowids,function(idx,rowId){

rowData = jQuery(viewName).getRowData(rowId);

    if(rowData.TestYN =="Y"){  //자신에게 맞는 조건을 추가하여 주면 된다.

//조건에 해당되는 로우에 클래스 추가

jQuery(viewName).jqGrid('setRowData', rowId, false, 'cursorPointer');//cursorPointer 미리 지정해놓은 클래스를 추가 하였다

//조건에 해당되는 셀에 클래스 추가

jQuery(viewName).jqGrid('setCell', rowId, 'TestYN ','' ,'fontBold');//fontBold 미리 지정해 놓은 클래스 추가

//jQuery(viewName).jqGrid('setCell', rowId, colname, data, class, properties, forceup); 기본포맷

//jQuery(viewName).jqGrid('setCell', rowId, 'TestYN ','' ,{'font-weight':'bold'});  -------- 이런식으로 바로 해당 cel에 바로 css도 추가할수 있다

}

}

);

 }

 }

http://www.trirand.com/jqgridwiki/doku.php?id=wiki:methods 에서 더 다양한 옵션을 확인할수 있다