행 상태에 따른 특정 컬럼 편집 제어
동적 스타일을 사용하여 행 상태에 따라 특정 컬럼의 편집을 제어할 수 있습니다.
조회 후에 이름 컬럼은 편집 불가능 하지만 삽입/추가된 행에서는 편집 가능하도록 설정해보겠습니다.
styleCallback 부분을 확인하세요.
var columns = [
{
name: "KorName",
fieldName: "KorName",
width: "60",
header: {
text: "이름"
},
styleCallback: function(grid, dataCell){
var ret = {}
if(dataCell.item.rowState == 'created' || dataCell.item.itemState == 'appending' || dataCell.item.itemState == 'inserting'){
ret.editable = true;
} else {
ret.editable = false;
ret.styleName = "orange-column";
}
return ret;
}
},
... 생략 ...
];
gridView.setColumns(columns);