This is a migrated thread and some comments may be shown as answers.

Endless scrolling of local data using AngularJs duplicating ng-repeat values in Grid Column

2 Answers 58 Views
Grid
This is a migrated thread and some comments may be shown as answers.
rajesh
Top achievements
Rank 1
rajesh asked on 11 Aug 2020, 09:26 AM

I have a grid populating local data with endless scrolling. I have a custom column with ng-repeat in template. Here the grid is duplicating values for that custom column against each data item whenever the loading of new items happens.  

Please refer attached files. 

Please check below link. In that there is Order Detail Grid and then look for custom column.

https://dojo.telerik.com/EWisALuH

2 Answers, 1 is accepted

Sort by
0
Alex Hajigeorgieva
Telerik team
answered on 13 Aug 2020, 08:55 AM

Hi, Rajesh,

Unfortunately,  the behaviour of ng-repeat in widget markup is not officially supported.

Take a look at this troubleshooting article on the subject and let us know in case you have further questions:

https://docs.telerik.com/kendo-ui/framework/AngularJS/Troubleshooting/notes-on-ng-repeat

For your scenario, it is best to use a Kendo UI Template with a loop instead:

https://docs.telerik.com/kendo-ui/framework/templates/overview

Regards,
Alex Hajigeorgieva
Progress Telerik

0
rajesh
Top achievements
Rank 1
answered on 13 Aug 2020, 12:17 PM
Thank you so much Alex. I have already found the solution. I'm using custom function inside the template and inside that custom function I am creating HTML tags in a loop. Thank you for your help. Appreciate it.
Tags
Grid
Asked by
rajesh
Top achievements
Rank 1
Answers by
Alex Hajigeorgieva
Telerik team
rajesh
Top achievements
Rank 1
Share this question
or