CakePHP Sandbox App: Pagination | AjaxExamples

Countries and AJAX Pagination

	Name	Ori Name	Iso2	Iso3
	Niederlande	Netherlands	NL	NLD
	Belgien	Belgium	BE	BEL
	Aruba		AW	ABW
	Armenien		AM	ARM
	Argentinien		AR	ARG
	Vereinigte Arabische Emirate		AE	ARE
	Niederländische Antillen		AN	ANT
	Andorra		AD	AND
	Albanien		AL	ALB
	Anguilla		AI	AIA
	Angola		AO	AGO
	Afghanistan		AF	AFG
	Amerikanisch Samoa		AS	ASM
	SONSTIGE	Other
	Rumaenien	Romania	RO	ROM
	USA	United States (of America)	US	USA
	Liechtenstein	Liechtenstein	LI	LIE
	Lettland	Latvia	LV	LVA
	Litauen	Lithuania	LT	LTU
	Polen	Poland	PL	POL

Page 4 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