angular grid selected checkbox scroll issue

Question

I have a column with a celltemplate of checkbox. It can be selected/unselected, which works fine as correct events are fired everytime. However, when I select multiple checkboxes on the grid and start scrolling up and down, the checkboxes seem to be scrolling as well. That means that they are not fixed to the rows they are checked against, and get lined up against a wrong row.

This issue has already been reported here a couple of years ago. But the solution posted, does not solve the problem.

Here is a plunker link to demonstrate the issue. Anyone had any similar issue or a workaround to this?

Community · Accepted Answer · 2020-06-20 09:12:55Z

1

You are not binding the checkboxvalue to your dataset. Thanks to your provided Plunker I can provide an updated Version that works.

The ng-model is bound to the gridscope and has a private scope for each row, so its fine to use somethnig generic

ng-model="foo" ng-change="row.entity.active = foo"

You can use active == 1 but I used true/false for convenience

ng-checked="row.entity.active" //since foo becomes true or false on click

If you want more complex checks, you can use their appScopeProvider.

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered Apr 6, 2016 at 8:27

CMR

9331 gold badge7 silver badges8 bronze badges

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

Collectives™ on Stack Overflow

angular grid selected checkbox scroll issue

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related