This is a migrated thread and some comments may be shown as answers.

Customized paging using AngularJS

3 Answers 227 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Shay
Top achievements
Rank 1
Shay asked on 23 Jun 2015, 06:38 AM

Hi

 

I'm am working with the AngularJS directive of Kendo-UI grid.

I like to implement remote paging and sorting myself (for example using $http), and programmaticly update the table with page-size, page number, total amount of rows and sorted column.

Do you have an example or best practices for doing it?

 

Thanks

Shay

3 Answers, 1 is accepted

Sort by
0
Kiril Nikolov
Telerik team
answered on 25 Jun 2015, 07:37 AM

Hello Shay,

The approach should be the same as for the non-AngularJS grid. Set the server options to true in the configuration, which will send the parameters to the server where you can handle them and returned the correct data set. You can play with our demo, where these options are enabled, here:

http://demos.telerik.com/kendo-ui/grid/remote-data-binding

Regards,
Kiril Nikolov
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Shay
Top achievements
Rank 1
answered on 25 Jun 2015, 02:32 PM

Hi Kiril

Thanks for you answer.But I like to have more "angular" approach when I already have the data, and I don't like to supply any URL to the grid.I have my own data-service, and I like that when my data is changing, the grid will be updated as well.
We believe that Angular directive should be able to listen on data and update when the data change, like other common Angular's grids.Anyway, I need that the grid will use my client side (javascript) data-service, and will not call the server itself.
Best regards

Shay

0
Kiril Nikolov
Telerik team
answered on 29 Jun 2015, 06:00 AM

Hello Shay,

 

You can implement local data operations using the transport protocol of the Kendo UI DataSource, and implement your own paging inside the read function. An example with local transport operations is available here:

 

http://docs.telerik.com/kendo-ui/web/grid/how-to/grid-localstorage-crud

 

 

Regards,
Kiril Nikolov
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
Grid
Asked by
Shay
Top achievements
Rank 1
Answers by
Kiril Nikolov
Telerik team
Shay
Top achievements
Rank 1
Share this question
or