CakePHP Sandbox App: Pagination | AjaxExamples

Countries and AJAX Pagination

	Name	Ori Name	Iso2	Iso3
	Korea, Rep		KR	KOR
	Kuwait		KW	KWT
	Laos, Dem		LA	LAO
	Libanon		LB	LBN
	Liberia		LR	LBR
	Libysch-Arabische Dschamahirija		LY	LBY
	Liechtenstein	Liechtenstein	LI	LIE
	Sri Lanka		LK	LKA
	Lesotho		LS	LSO
	Litauen	Lithuania	LT	LTU
	Luxemburg	Luxembourg	LU	LUX
	Lettland	Latvia	LV	LVA
	Macao		MO	MAC
	Marokko		MA	MAR
	Monaco		MC	MCO
	Moldau, Rep		MD	MDA
	Madagaskar		MG	MDG
	Malediven		MV	MDV
	Mexiko		MX	MEX
	Marshallinseln		MH	MHL

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

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