The WebApp Wizard Web development made magical

Universal Paginate

Ever wanted to paginate some long list of items? Probably. You probably found some jQuery plugins out there that did the trick. But. But there was always something you didn't like about it. Most certainly it was the fact that you had to change your HTML markup to fit the plugin expected syntax. You probably had to transform your nice, lightweight, semantic list into a less convenient list, or even into a table.

What I propose through Universal Paginate is a template-based pagination system. Whatever you want to paginate, it works. A simple <ul> list, a more complicated <dl> list, table rows... Universal Paginate simply doesn't care. Oh, and it supports natively remote data sources. Just give the URL to fetch data from, and it will take care of the rest. It renders your data with the given template and paginate it, simply.

You will notice some nice other features, like page pre-loading, automatic clipping of long page links list and periodic refresh, among others.

Since version 2.0, you can also interact with this plugin programmatically, go to a specific page or changing the template used to render an item.

All of this in only 336 lines of nice, readable, finely commented jQuery code and the use of the now official jQuery Templates plugin, which ensures durability and extensibility.

Demonstration

Documentation

Downloads

Comments (5) Trackbacks (0)
  1. Great – but what I am missing is changing the method from get to post

  2. Hi Daniel,

    I just released a new version that allows, among others, to change $.ajax() options. You should give it a try, it’s quite better than version 1.0 ;-)

  3. good quality hermes birkin replica Universal Paginate | The WebApp Wizard

  4. Coach handbag outlet online Universal Paginate | The WebApp Wizard

  5. I have noticed you don’t monetize your website, don’t
    waste your traffic, you can earn additional cash every month because you’ve got
    hi quality content. If you want to know how to make extra money, search for:
    best adsense alternative Wrastain’s tools


Leave a comment

(required)

You can use basic HTML to enlighten your comments. If you want to post some code, please use the <pre> tag. You can also use syntax coloring by adding class="syntax [language]". <pre class="syntax js"> will color your code as if it was JS code for instance.

Trackbacks are disabled.