Angularjs and ng-grid: how handle checkbox

Question

in angulajs i have a ng-grid that i fill with data returned from a server. The field "Active" is a boolean so i have make a template to show a checkbox:

$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" >' }]

Now, when i edit some cell, i want save back to the database the edited row and so i handle the ngGridEventEndCellEdit:

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

event. In effect when i edit the cell "Name" the above handler is called but when i check/uncheck the checkbox Active, that event isn't called. How can i emit the ngGridEventEndCellEdit when i check/uncheck the checkbox? Or how can handle that?

i think it could work but i have two function to handle the edit? (one handler is $scope.$on('ngGridEventEndCellEdit', function (data) that is called when i edit, for example, the Name cell, and another handler that is called when i click the checkbox? — Tom
– Tom, Commented Apr 23, 2014 at 14:03
what is in the $scope.$on('ngGridEventEndCellEdit', function (data) {}) function ? — klode
– klode, Commented Apr 23, 2014 at 14:12
data is the edited data passed by the ng-grid to the custom handler — Tom
– Tom, Commented Apr 23, 2014 at 14:37

klode · Accepted Answer · 2014-04-23 16:30:21Z

1

What about emitting ngGridEventEndCellEdit from the checkbox ng-change function?

ng-change="emitEndCellEdit()"

with

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

answered Apr 23, 2014 at 16:30

klode

11.1k6 gold badges38 silver badges49 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

niba · Accepted Answer · 2014-04-23 13:00:20Z

0

Try to add ng-change="edit(row)" to your cell template. Handle all your stuff inside $scope.edit function. You should receive clicked grid data as a parameter.

answered Apr 23, 2014 at 13:00

niba

2,9011 gold badge22 silver badges23 bronze badges

2 Comments

Tom Over a year ago

So i have a function $scope.edit to handle the check/uncheck on the checkbox and $scope.$on('ngGridEventEndCellEdit', function (data) when i edit the other cells?

niba Over a year ago

Look at klode answer. I was thinking about similar.

Collectives™ on Stack Overflow

Angularjs and ng-grid: how handle checkbox

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related