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

Pager angular

5 Answers 70 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Pinkesh
Top achievements
Rank 1
Pinkesh asked on 21 Sep 2016, 02:55 PM

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

5 Answers, 1 is accepted

Sort by
0
Accepted
Stefan
Telerik team
answered on 23 Sep 2016, 06:22 AM
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
 
Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
 
0
Pinkesh
Top achievements
Rank 1
answered on 23 Sep 2016, 02:50 PM
Thanks a lot Stefan!
0
Pinkesh
Top achievements
Rank 1
answered on 23 Sep 2016, 05:15 PM

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

0
Pinkesh
Top achievements
Rank 1
answered on 23 Sep 2016, 05:18 PM

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.

0
Stefan
Telerik team
answered on 27 Sep 2016, 09:14 AM
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
 
Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
 
Tags
Grid
Asked by
Pinkesh
Top achievements
Rank 1
Answers by
Stefan
Telerik team
Pinkesh
Top achievements
Rank 1
Share this question
or