Hello,
I am using an Ignite Grid in an angularjs application and would like to have template columns with buttons using ng-click to trigger angularjs code. I got this working with the help of Damyan by running $compile on the dataRendered event of the grid. It was working fine but now as the number of rows grows I had to activate virtualization for things to remain usable. Now the dataRendered event does not seem to be triggered when virtualization renders new rows. I also tried the rowRendered event which seems to not be called at all.
So my question is which event could I listen to so I can run $compile for newly virtualized rows and thus make the ng-click work again.
Thanks for helping me on this.
Hi ruud7,
Which virtualization are you using: fixed or continuous? Could you send me an isolated sample that replicates your issue in order to test it on my side?
Waiting for your reply.
Regards,
Tsanna
Hello Tsanna,
thanks for your reply.
I'm using continuous virtualization but it doesn't make any difference if I use fixed virtualization.
I tried to write an isolated sample. This is actually pretty far from my actual solution (for example I'm using the ignite angular directives) but it shows how the virtualization results in the ng-click no longer being bound once you scroll down several records. I added a button calling $compile so it is bound again. Now of course I don't want to have that button but instead some event from the grid that i can use to call the $compile once virtualization rerenders the rows.
Here is the JSFiddle with my sample: http://jsfiddle.net/jkmLqkeb/4/
BR