Thursday, September 14th, 2006
YUI Paginating Table Control
Category: Component
, Ext, 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.
Pimp!!!
[...] Ajaxian » YUI Paginating Table Control [...]