Pager angular

[Pinkesh]

Hi,

Im using angularJS v1.2.25

I have my own table and templates, but I want to use Kendo UI grid's pager. I need mostly the UI and Angular variable binding to the page number and such.

I checked the documentation I could only find JQuery example, I was wondering if there is a Angular version of just the pager component of the Grid.

 

Thanks

[Stefan]

Hello Pinkesh,

The Kendo UI Pager widget can be used separately from the Grid. I made a Dojo example demonstrating how to initialize, add properties and call methods of the Pager using AngularJS:

http://dojo.telerik.com/ajOxA

Additionally, I can suggest checking all of the properties, methods and events available through its public API:

http://docs.telerik.com/kendo-ui/api/javascript/ui/pager

I hope this is helpful.

Regards,
Stefan
Telerik by Progress

 

 

[Pinkesh]

Thanks a lot Stefan!

[Pinkesh]

Hi, Im still having some trouble with some of the option:

- I m trying to add in a message property:

      messages: {
        display: "Showing {0}-{1} from {2} data items"
      }

 

but it doesn't work.

- I also don't know how to add in the number of page (right now your example show 0 page), I can only add an option to let user choose how many item per page. Do I have to have the DataSource for this to work? As mention I only want to use the UI of it, I have my own template for my table.

 

Thanks

[Pinkesh]

Im still having some trouble using the pager.

- I cant add the message property option, e.g.:

     messages: {
        display: "Showing {0}-{1} from {2} data items"
      }

 

- I also don't know how to fill the page drop down with numbers, right now your example only displaying one entry '0'. Do I need a dataSource for this? As mention I only need the UI of this and the binding of user choices to angular's variables, I have my own table template.

[Stefan]

Hello Pinkesh,

The Kendo UI Pager is requiring a dataSource, but this dataSource can be just a data coming from the table.

The messages.display property is not working as expected because it is searching for the dataItems:

http://docs.telerik.com/kendo-ui/api/javascript/ui/pager#configuration-messages.display

Additionally, I modified the Dojo example to demonstrate both implementations:

http://dojo.telerik.com/ENexA

Regards,
Stefan
Telerik by Progress