Grails: Hacking paginate tag to make Ajax way

I one thing I miss in Grails is a remotePaginate Taglib (you can vote in Jira), today I'm going to hack paginate tag to make an Ajax paginate.

For this I have various options, I can modify the actual paginated taglib or the option I've chosen, hack with prototype observe the links generated by paginate tag.

To make easy, I've used observe tag, to capture clicks events, let's go with the example of list.gsp:

You have to wrap your list with div for this example 'ajax_wrap' to refresh with Ajax calls.

<div id="ajax_wrap">

<div class="list">                     
   <g:render template="archive" collection="${archiveList}" var="archive"/> 
</div>

<div class="paginateButtons">                           
  <g:paginate action="list" total="${Archive.count()}" />    
       <g:observe classes="${['step','prevLink','nextLink']}" event="click" function="clickPaginate"/>           
</div>

</div>

I've used g:observe to capture click events in generated links by g:paginate, and define a function handler clickPaginate that performs the Ajax calls.

Here function handler defnition:

function clickPaginate(event){
 event.stop();
 var link = event.element();
 if(link.href == null){
  return;
 }
  
 new Ajax.Updater(
  { success: $('ajax_wrap') },
   link.href,
  {
      evalScripts: true
  });
}

The Ajax call update the element 'ajax_wrap'.

With this you have an elegant way to make your list paginated effortlessly