CakePHP Sandbox App: Pagination | AjaxExamples

Countries and AJAX Pagination

	Name	Ori Name	Iso2	Iso3
	Kokosinseln	Territory of the Cocos (Keeling) Islands	CC	CCK
	Schweiz	Schweiz	CH	CHE
	Chile		CL	CHL
	China		CN	CHN
	Côte D´Ivoire		CI	CIV
	Kamerun		CM	CMR
	Kongo, Dem		CD	COD
	Kongo		CG	COG
	Cookinseln		CK	COK
	Kolumbien		CO	COL
	Komoren		KM	COM
	Kap Verde		CV	CPV
	Costa Rica		CR	CRI
	Kuba		CU	CUB
	Weihnachtsinsel		CX	CXR
	Kaimaninseln		KY	CYM
	Zypern		CY	CYP
	Tschechien	Czech Republic	CZ	CZE
	Deutschland	Deutschland	DE	DEU
	Republik Dschibuti		DJ	DJI

Page 3 of 13, showing 20 records out of 241 total

first | previous | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | next | last

Key Goals for the AJAX Pagination

Ajaxify all links in the "pagination-container" including pagination and sort links
As easy as possible
Fallback without AJAX (and JS) should be fully working

The fading is not necessary and only shows more clearly the beginning and end of the AJAX request. Note: Instead of the jQuery.live plugin one could also just use on() event and bind the pagination links to a click event.

How does it work

You only need

A "pagination-container" div and a separate ctp file of the "common" content for both AJAX and normal view
A few lines of custom (jQuery) JS on top