2014-07-22 1 views
1

편집하고 싶지 않은 개별 셀 (열이 아닌)이있는 ngGrid가 있습니다. 내 example plunk에서 행과 열 인덱스가 같은 셀을 편집하지 않겠습니다. ngGridEventStartCellEdit 중에 특정 ngGrid 셀 (열이 아닌)을 편집하지 못하게합니다.

나는 나의 ngGridEventStartCellEdit하지만 셀이 여전히 진입 편집 모드에서 preventDefault(), event.stopPropagation(), 그리고 구식 return false;을 시도했다.

$scope.$on('ngGridEventStartCellEdit', function (event) { 
    var row = event.targetScope.row.rowIndex; 
    var col = event.targetScope.col.index - 1; 
    if (row == col) { 
     console.log("Not Gonna propagate"); 
     event.preventDefault(); 
     event.stopPropagation(); 
     return false; 
    } 
}); 

console.log("Not Gonna propagate"); 화재. 내가 도대체 ​​뭘 잘못하고있는 겁니까?

+0

'cellEditableCondition'을 사용해 보았고 거기에 로직을 넣으려고 했습니까? [설정 문서] (https://github.com/angular-ui/ng-grid/wiki/Configuration-Options)를보십시오. – Goodzilla

답변

2

cellEditableCondition을 사용해 보았습니다.

여기에 plunker이 있습니다. 당신이 필요로하는 것입니다 :

enableCellEdit: true, 
cellEditableCondition: 'row.rowIndex !== col.index', 

enableCellEdit는 편집 가능한 상태가 작동하려면 true 수 있습니다.