행 동적 스타일
행 동적 스타일은 특정 값에 따라 행 전체에 스타일을 적용하고 싶을때 사용합니다.
성별의 값이 "여"인 경우에 오렌지 색으로 표시.
※ setRowStyleCallback안에서 시간이 오래 걸리는 연산이나 setValue()등 값을 변경하는 행위를 하면 안됩니다.
gridView.setRowStyleCallback(function(grid, item, fixed) {
var ret = {};
var gender = grid.getValue(item.index, "Gender");
if (gender == '여') {
return 'orange-color'
}
})행 동적 편집여부 설정
행 단위로 특정 컬럼의 값에 따라 동적으로 편집가능 여부를 설정합니다.
성별 컬럼의 값이 "여"인 행은 수정할 수 없습니다.
gridView.setRowStyleCallback(function(grid, item, fixed) {
var ret = {};
var gender = grid.getValue(item.index, "Gender");
if (gender == '여') {
ret.editable = false
ret.styleName = 'orange-color'// ret.style = {background:"#ffff00"} 직접 스타일 적용 가능
}
return ret;
})