Grid with thousand rows and Add new rows

[Licenses]

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]);
});

[Boyan Dimitrov]

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