Append row and detail template while scrolling without refresh data in grid

2 posts, 0 answers
  1. Su Pei
    Su Pei avatar
    11 posts
    Member since:
    Nov 2016

    Posted 11 May 2017 Link to this post

    Hi, 

    I had follow the link below to append row while scrolling.. 

    http://docs.telerik.com/kendo-ui/controls/data-management/grid/how-to/binding/load-and-append-records

    I created some textbox to let user fill in and I put it inside the detail template.. But after scrolling the grid, it rebind the data.. 

    Is there any method not to refresh the datasource in grid and just append new row at the bottom while scrolling the grid? 

    Thanks. 

    Regards, 

    Su Pei

  2. Alex Hajigeorgieva
    Admin
    Alex Hajigeorgieva avatar
    989 posts

    Posted 15 May 2017 Link to this post

    Hello Su Pei,

    The Kendo UI Grid redraws itself every time it starts data binding. I can think of two options when the grid will not redraw after a change - when its data source is set for batch updates and when the dataBinding event is programmatically prevented.

    Demo with detail template and data bound prevention: http://docs.telerik.com/kendo-ui/controls/data-management/grid/how-to/Editing/edit-master-row-data-in-detail-template
    Demo with batch editing: http://demos.telerik.com/kendo-ui/grid/editing

    I am not sure how the demo with scrolling is relevant here because in that demo, the Kendo UI Grid needs to be redrawn(dataBound) so in that scenario, it is not possible not to refresh the grid. 

    Please provide a simple example to illustrate your scenario or elaborate the step by step process which creates the functionality in your application in case you need more help.
     
    Kind Regards,
    Alex Hajigeorgieva
    Telerik by Progress
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top