How to send page number from the paginated grid on Kendo Grid with Angularjs

[Yatish]

Hi,

Currently we are using the kendo grid for showing the data and retrieving the complete dataset and allowing the kendo grid to set pagination on the client side. But the dataset have been steadily growing and wanted to implement a server side paging setup.As a part of refactor process, the kendo grid is assigned a datasource with transport.read implemented as below (req will have additional parameters that will bound to the UI retrieved from $scope)

$scope.gridDataSource = new kendo.data.DataSource({
        transport: {
            read: function (options) {
                var req = {};
                req.pageNumber = '1';
                req.rowCount = '20';
                $http.post('custom/url', req).
                then(function successCallback(response) {
                    console.log('Success Response');

                }, function errorCallback(response) {
                    console.log('Error Response');
                });
            }
        }
    });

But I am not able to get the page number and the rowcount from options and how can I bind the data coming in the success callback

Would really appreciate any pointers

Thank you

YK

[Dimiter Topalov]

Hi Yatish,

You can find details and examples on implementing a custom transport in the following section of our documentation:

http://docs.telerik.com/kendo-ui/framework/datasource/crud

The data, visualized in the Grid, is passed to it from the transport.read via calling the e.success() method, passing it the data you want to show in the Grid. The page, pageSize, skip, and take, are available as properties on the e.data object.

When serverPaging is set to true, the schema.total option must be set as well.

I have modified the example from the suggested article on CRUD operations to demonstrate a sample server paging implementation in the context of a custom transport:

http://dojo.telerik.com/OwOCO

I hope this helps.

Regards,
Dimiter Topalov
Telerik by Progress

[Yatish]

Thank you. That is exactly what I was looking for.

YK