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

3 posts, 0 answers
  1. rajesh
    rajesh avatar
    2 posts
    Member since:
    Jul 2020

    Posted 11 Aug 2020 Link to this post

    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. Alex Hajigeorgieva
    Admin
    Alex Hajigeorgieva avatar
    1082 posts

    Posted 13 Aug 2020 Link to this post

    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

  3. rajesh
    rajesh avatar
    2 posts
    Member since:
    Jul 2020

    Posted 13 Aug 2020 in reply to Alex Hajigeorgieva Link to this post

    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.
Back to Top