KendoUI Grid serverpaging

Question

I'm trying to populate a KendoUI grid with JSON data where the server returns the total number of rows along with the data, but I'm having some trouble getting serverPaging to work properly. I create and assign the dataSource of the grid as follows: ``` var oDS = new kendo.data.DataSource({ schema: { data: "data", total: "total" }, data: self.grdTableData, serverPaging: true, pageSise: 50, total: joOutput["TotalRecords"] }); grdTableResults.setDataSource(oDS); ``` and the first page shows the first 50 of 939 records but there is only ever 1 page (the navigation arrows never respond to anything) and I see NaN - NaN of 939 items and the rotating circle of dots in the centre of the grid that never goes away. One thing that is different in all the examples I've looked at is that my $.ajax call and the the processing of the JSON data in .done doesn't use "transport: read" but I'm thinking how I send the data and get it back shouldn't matter (or does it because every page request is a new s…

Accepted Answer

transport: read

You should be able to use "transport: read" even if you have custom logic by setting the value to a function. I have created a JS Fiddle to demonstrate this functionality.

```
dataSource: {
    serverPaging: true,
    schema: {
        data: "data",
        total: "total"
    },
    pageSize: 10,
    transport: {
        read: function(options) {
            var data = getData(options.data.page);
            options.success(data);
        }
    },
    update: function() {}
}
```

Your read function contains a parameter that contains the following paging properties: page, pageSize, skip, take. Keep in mind that all transport operations need to be functions if one operation contains a function.

startIndex and rowsPerPage

If your server accepts these parameters, you should be able to submit them in the read function. Create a new ajax call that post customized data

```
var ajaxPostData = { startIndex: options.data.skip, rowsPerPage: options.data.pageSize }
```

KendoUI Grid serverpaging

Solution

Problem