ui:repeat with ajax pagination

Have you ever needed ajax pagination support to ui:repeat component? Well, we did when working on a client’s application. The requirement was displaying data with pagination support and no specific markup like tr, td, li. DataTable, DataGrid and DataList components render each data in collection with specific markup separators so we needed our own custom display similar to ui:repeat. As ui:repeat has no paginator, we’ve enhanced PrimeFaces DataList with a new type called “none”.

Content is up to the page author to define which brings full control over the generated markup. As datalist also provides ajax pagination, header facet and more, it is possible to further customize the content. One pending enhancement is adding varStatus option.

See PrimeFaces Labs for a live demo!

This entry was posted in PrimeFaces. Bookmark the permalink.

5 thoughts on “ui:repeat with ajax pagination

  1. This is a great component, already got so many ideas where to use it.
    Thanks again Primefaces!

    • This looks so good, Adam! Very well laid out and such wonderful futeeras. Loving the sorting futeeras as well as the new pagination and search and the new nav. Much better than what we have now. The last update and this one make me appreciate all the hard work you’re doing! Definitely looking forward to this. Just as long as it doesn’t take five years to complete. Haha.

  2. Hi,

    do you plan to provide a request-scoped paginator
    usable with natural links (and indexable by search engines!) and able to get its params for the http request ones?

    e.g.:
    (forgive me if I provide a code sample… just to make things clearer)

    you know, like google’s style urls in gooooooogle, that make your query bookmarkable
    http://host:port/myApp/myPage?start=10&q=xxx

    bye