Using same navigator on top and bottom of page.

[Daniel Freitas]

Hello guys. I searched the list for answers on this but couldn't find any.
Is there a way to show a PagingNavigator (actually an AjaxPagingNavigator)
on the top and bottom of a page? The navigator will page the same data, it's
added on top and bottom just for convenience. I tried to do:

                   <div wicket:id="navigator"/>
                    <div wicket:id="booksList">
                        <div wicket:id="books" class="book">
                                  <!-- list of books -->
                        </div>
                    </div>
                    <div wicket:id="navigator"/>

At which wicket complains with:

WicketMessage: The component XXXX has the same wicket:id as another
component already added at the same level


If I add a new component paging the same data, they do not sync
correctly(clicking the 3rd page on the top navigator does not update
the bottom
navigator, which istill displays page 3 as clickable).

Regards,
Daniel Freitas