Is it possible to copy a grid datasource to a new datasource, a new datasource that loads all data?

2
votes

Is it possible to copy a grid datasource to a new datasource, a new datasource that loads all data? For example I have a kendo grid which has a page size of 10, how would I copy it into a new datasource which will load all the data and ignore the paging.

3
kendo-uikendo-gridkendo-datasource
But should it go to the server for getting the data? If so, just copy the DataSource definition and overwrite the paging value. – OnaBai
i tried querying the datasource setting the paging value to 0 but the data returned to the view was only the number of the current paging. – Edu Cielo
You should set serverPaging to false (check documentation here: docs.telerik.com/kendo-ui/api/javascript/data/…) – OnaBai
that's what i think i am missing... gonna try sir – Edu Cielo

3 Answers

1
votes

Some aspects might depend on how did you define the DataSource of the first (pageable) datasource. But basically you need to copy the original data source, then change the value for pageSize and serverPaging and finally assign it to the second grid using setDataSource.

Example:

// First DataSource definition
var ds1 = {
    transport: {
        read: ...
    },
    pageSize: 10,
    schema  : {
        model: {
            ...
        }
    }
};

// Copy ds1 definition into ds2
var ds2 = ds1;
// Change values for serverPaging and pageSize
ds2.serverPaging = false;
ds2.pageSize = 0;
// Create new DataSource object and assign it to the second Grid
grid2.setDataSource(new kendo.data.DataSource(ds2));

You can see this running in the following JSFiddle : http://jsfiddle.net/OnaBai/uj6sr9ez/

0
votes

From @Will comment, I think a better solution is:

// First DataSource definition
var ds1 = {
//  ...

// Create the new kendo datasource, so ds1 is not modified
var ds2 = new kendo.data.DataSource(ds1);
ds2.pageSize(-1);
ds2.serverPaging = false;
grid2.setDataSource(ds2);

http://jsfiddle.net/uj6sr9ez/42/

0
votes

Please try doing this:

var copyDataSource= kendo.data.DataSource.create({
    data: originalDataSource.data()
});