CakePHP Sandbox App: Pagination | AjaxExamples

Countries and AJAX Pagination

	Name	Ori Name	Iso2	Iso3
	Vereinigte Arabische Emirate		AE	ARE
	Argentinien		AR	ARG
	Slowenien	Slovenia	SI	SVN
	Belgien	Belgium	BE	BEL
	Niederlande	Netherlands	NL	NLD
	Dänemark	Denmark	DK	DNK
	Luxemburg	Luxembourg	LU	LUX
	Frankreich	France	FR	FRA
	Großbritannien	United Kingdom (Great Britian)	GB	GBR
	Ukraine	Ukraine	UA	UKR
	Bulgarien	Bulgaria	BG	BGR
	Estland	Estonia	EE	EST
	Irland	Ireland	IE	IRL
	Slowakei	Slovakia (Slovak Republic)	SK	SVK
	Tschechien	Czech Republic	CZ	CZE
	Portugal	Portugal	PT	PRT
	Russland	Russian Federation	RU	RUS
	Türkei	Turkey	TR	TUR
	Ungarn	Hungary	HU	HUN
	Norwegen	Norway	NO	NOR

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