Pager angular

6 posts, 1 answers
  1. Pinkesh
    Pinkesh avatar
    11 posts
    Member since:
    Sep 2015

    Posted 21 Sep Link to this post

    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

  2. Answer
    Stefan
    Admin
    Stefan avatar
    264 posts

    Posted 23 Sep Link to this post

    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.
     
  3. Kendo UI is VS 2017 Ready
  4. Pinkesh
    Pinkesh avatar
    11 posts
    Member since:
    Sep 2015

    Posted 23 Sep Link to this post

    Thanks a lot Stefan!
  5. Pinkesh
    Pinkesh avatar
    11 posts
    Member since:
    Sep 2015

    Posted 23 Sep in reply to Stefan Link to this post

    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

  6. Pinkesh
    Pinkesh avatar
    11 posts
    Member since:
    Sep 2015

    Posted 23 Sep in reply to Stefan Link to this post

    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.

  7. Stefan
    Admin
    Stefan avatar
    264 posts

    Posted 27 Sep Link to this post

    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.
     
Back to Top
Kendo UI is VS 2017 Ready