[Javascript] jqgrid - hidden, formatter,cellattr

jq그리드를 사용 중 표에는 표시안할 데이터를 넘겨줄때가 있다. 이럴때 쓰는게 jqgrid hidden 속성.

hidden

{
colName : '프로젝트 관리번호',
name : 'prjctMgtNo',
index : 'prjctMgtNo',
align : 'center',
width : '8%',
hidden : true
}

 

이렇게 colmodel에 작성해주고 hidden에 true를 작성해주면 표에는 보이지 않지만 데이터를 넘겨줄때는 같이 넘겨줄 수 있다.

 

formatter는 내가 불러올 데이터가 없는 행을 만들때 사용한다. 보통 기능에 적용할때 많이 쓰는 것 같다.

{
colName : '승인/반려',
name : 'function',
index : 'function',
align : 'center',
width : '8%',
formatter : function(cellValue, options, rowObject) {
return <'a href="#" onclick="confm(" + options.rowId +")'> 승인</a>" + &nbsp;" +"<a href="#" onclick="reject("+options.rowId +")'>반려</a>;}
}

받아온 데이터는 없지만 내가 열을 추가할 수도 있다.

 

cellattr 은 데이터값에따라 데이터 값의 스타일을 변경할 수 있다.

{
colName : '승인상태',
name : 'confmSecdNm',
index : 'confmSecdNm',
align : 'center',
width : '8%',
cellattr : function(rowId, cellValue, item) {
if (item.confmSecdNm == '반려') {
return "class='status_reject' style= 'color:blue; cursor:pointer';";
}

}
}