2013-08-05 1 views
1

그냥 ng-grid로 시작합니다. 내 그리드 배열에서 속성의 부울 값을 기준으로 개별 셀 (즉, 지정된 행과 열)을 편집 할 수 있어야합니다. 배열 속성에 간단히 바인딩하여 셀 편집을 켜거나 (또는 ​​해제 할 수 있다면) 좋을 것입니다. 그러나이 옵션을 사용할 수있는 것은 아닙니다. 간과했거나, NG 그리드를 상자에서 지탱합니까? 그렇지 않은 경우이 기능을 구현하는 방법에 대한 제안 사항이 있습니까?바인딩을 통해 각도 ng-grid 셀을 편집하는 방법은 무엇입니까?

답변

4

나는 그 상자에 그대로 익숙하지 않습니다.

각 셀에 대한 셀 템플릿을 만들고 거기에 두 개의 div (보기 용 div와 편집 용 div)를 넣은 다음 각각에 ng-show를 추가하고 셀이 있는지 여부를 나타내는 부울 속성에 바인딩합니다. 편집 가능 여부.

예 : http://jsfiddle.net/FP7Jt/

cellTemplate: '<div class="ngCellText"><div ng-show="!row.entity.edit">{{row.getProperty(col.field)}}</div>' +  
    '<div ng-show="row.entity.edit" class="ngCellText"><input type="text" ng-model="row.entity.age"/></div></div>'}