CakePHP Sandbox App: Pagination | AjaxExamples

Countries and AJAX Pagination

	Name	Ori Name	Iso2	Iso3
	Japan		JP	JPN
	Kasachstan		KZ	KAZ
	Kenia		KE	KEN
	Kirgisistan		KG	KGZ
	Kambodscha		KH	KHM
	Kiribati		KI	KIR
	Korea, Rep		KR	KOR
	Kuwait		KW	KWT
	Laos, Dem		LA	LAO
	Libanon		LB	LBN
	Liberia		LR	LBR
	Libysch-Arabische Dschamahirija		LY	LBY
	Sri Lanka		LK	LKA
	Lesotho		LS	LSO
	Macao		MO	MAC
	Marokko		MA	MAR
	Monaco		MC	MCO
	Moldau, Rep		MD	MDA
	Madagaskar		MG	MDG
	Malediven		MV	MDV

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

first | previous | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 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