Thursday, September 14th, 2006

YUI Paginating Table Control

Category: Component, Sencha, Yahoo!

Rodrigo Diniz has taken the YUI Grid created by Jack SLocum and made a pagable version.

In this code I “override” some functions to make the grid pageable. The sort function is also changed , since I have a paged grid the client function would give me wrong results by sorting only the visible rows. In this sample the sort uses a Ajax request to return the right sorted rows even remembering the right page.If you are on the third page you will still be in the third page when you sort.

The grid is also showing how to implement the delete function. The new refresh method takes care of everething when the user deletes the last record on the last page , by changin the current page automatically. Click here to download the AjaxGrid class with comments. Click here to see the xml returned from the server.

Don’t forget to copy the css file for the grid and the pager.

Pagable YUI Control

Posted by Dion Almaer at 8:51 am

3.8 rating from 38 votes


Comments feed TrackBack URI


Comment by Mario — September 14, 2006

[…] Ajaxian » YUI Paginating Table Control […]

Pingback by Amedias » Blog Archive » Enlaces de la semana [2006-38] — September 24, 2006

Leave a comment

You must be logged in to post a comment.