AngularJS和ng-grid：如何處理復選框

Question

在angulajs中，我有一個ng-grid，其中填充了從服務器返回的數據。 字段“活動”是一個布爾值，因此我制作了一個模板以顯示一個復選框：

$scope.gridOptions = { data: 'myData', enableCellSelection: true,
                       enableRowSelection: false, enableCellEdit: true,
                       columnDefs: [{ field: 'Id', displayName: 'Id', visible: false },
                                    { field: 'Name', displayName: 'Name', enableCellEdit: true },
                                    { field: 'Active', displayName: 'Active', enableCellEdit: true, cellTemplate: '<input type="checkbox" ng-model="row.entity.Active" >' }]

現在，當我編輯某些單元格時，我想將已編輯的行保存回數據庫，以便處理ngGridEventEndCellEdit：

$scope.$on('ngGridEventEndCellEdit', function (data) {
   ....
}

事件。 實際上，當我編輯單元格“名稱”時，將調用上述處理程序，但是當我選中/取消選中“活動”復選框時，不會調用該事件。 選中/取消選中復選框時，如何發出ngGridEventEndCellEdit？ 或如何處理？

Answer 1

從復選框ng-change函數發出ngGridEventEndCellEdit怎么樣？

ng-change="emitEndCellEdit()"

同

$scope.emitEndCellEdit = function() { $scope.$emit('ngGridEventEndCellEdit') }

Answer 2

嘗試將ng-change =“ edit（row）”添加到您的單元格模板中。 在$ scope.edit函數中處理所有內容。 您應該收到單擊的網格數據作為參數。