[Solved] Can I custom paging on client side?

[Pam Redrum]

I use OnDataBinding and OnRowDataBound events to make the data load as I want, but then I can't use the default paging on the Grid, How can I custom paging then?

[Alex Gyoshev]

Hi Pam,

The paging requires that the total number of rows is known, therefore you should set the total property of the grid before data binding.

var grid = $('#Grid').data('tGrid');
grid.total = 50; /* or the total count of rows */
grid.dataBind(data);

I've prepared a demo, which you can view live. Trying it out requires a Facebook account - yet viewing the code does not require anything beyond a browser.

Greetings,
Alex
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Pam Redrum]

thank you for your help, I have found the same way but a little longer.

I use e.page for my Ajax paging by reading your js file  and grid.total, grid.databind, grid.pagesize are also help.

[Sean Farmar]

a related question, same scenario(client side no server side code): in your demo you manpulate the detaset by passing in the "row range" in the api call(?)
is that the only way to do paging?
can the grid do it's own paging?

Sean

[Atanas Korchev]

Hello Sean Farmar,

 Currently the grid cannot do its own paging. This means to supply all the data and the grid to extract only the current page. Right now the grid expects to receive a single page of data. However I think some JavaScript workaround can be implemented - for example paging the returned array before binding the grid.

Regards,
Atanas Korchev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Sean Farmar]

Atanas, thanks a lot for your help

 

Sean

[Atanas Korchev]

Hi Sean Farmar,

 Find attached a sample project which shows how to make the grid page the data. It is based on our twitter bound example.

All the best,
Atanas Korchev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Sean Farmar]

Atanas, thanks a lot for that!

Sean