Two pagers in page.

[Trent Jones]

Per my requirements i needed to pagers in the page.  This is how i accomplished it.  I think it can be simpler though?

1. create two pagers in the html
2. detach and move one on databound event.

http://jsfiddle.net/wolfpackt99/VAhLk/4/

I stumbled onto the two divs with same class as pager working.  I guess that is if you have table first method.  but how do i get the table in the middle?

[Alexander Valchev]

Hello Trent,

Indeed your example works fine, as an alternative I would recommend to append a <div> element to the page and transform it into pager via:

$("#pagerDiv").kendoPager({
    dataSource: dataSource
});

If the dataSource instance of the pager is the same as the one used by the grid, both pagers will work simultaneously.

Kind regards,
Alexander Valchev
the Telerik team

[Trent Jones]

Ok.  great thanks!  I am guessing that there are other controls that haven't made it to the documentation yet either then.  That's why i did it the way i did.

If the pager is a control.  I be there is a way to set the template too?  should i tell the grid to not have a pager automatically, but then add two the the page bound to same datasource specifying my template.

You will see in the example how i am overriding bits of the template on databound.
(based on another example i saw)

[Alexander Valchev]

Hello Trent,

I am afraid that at this stage the pager documentation is unavailable, but if you are interested you can find a detailed information about all the available initialization options and method in this forum thread.
Actually the pager is not a "stand alone" control, usually it is used together with a ListView or Grid. It is not recommended to disable the automatically appended pager of the grid, if you need a second pager just initialize a new one.
I hope this helps.

Regards,
Alexander Valchev
the Telerik team