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

Grid with thousand rows and Add new rows

1 Answer 35 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Christian
Top achievements
Rank 1
Christian asked on 04 Nov 2016, 02:50 PM

Hi,

 

I have a need from my users. They want to show thousands of data loaded when choose a category in a list box and browse row by scrolling. 

I can do that by create a grid with a client side paged data source and a scrollable virtual grid. 

But now, my user want to load an other catgery and concat the new rows to existing rows and keep scrolling position. 

 

How can I do that ? I tried to add data in datasource, but scroll don't work any more (ranges are in invalid state). What is the best solution for do that ?

There is my actual code:

var grid = $("#gridPiecesLettrees").data("kendoGrid");
var ds = grid.dataSource;
ko.utils.arrayForEach(propositions, function (proposition) {
    var rowProp = flatDetailLettrage(proposition);
    var model = ds.reader.data(rowProp);
    ds.add(model[0]);
});

1 Answer, 1 is accepted

Sort by
0
Boyan Dimitrov
Telerik team
answered on 08 Nov 2016, 12:59 PM

Hello Christian,

The virtual scrolling of the Kendo UI Grid have some limitations. One of them is that editing is not supported together with virtual scrolling. The default editing of Kendo UI Grid is handled internally by the Kendo UI DataSource.  

Regards,
Boyan Dimitrov
Telerik by Progress
 
Build rich, delightful, *native* Angular 2 apps with Kendo UI for Angular 2. Try it out today! Kendo UI for Angular 2 (currently in beta) is a jQuery-free toolset, written in TypeScript, designed from the ground up to offer true, native Angular 2 components.
 
Tags
Grid
Asked by
Christian
Top achievements
Rank 1
Answers by
Boyan Dimitrov
Telerik team
Share this question
or