CakePHP Sandbox App: Pagination | AjaxExamples

Countries and AJAX Pagination

	Name	Ori Name	Iso2	Iso3
	Salomonen		SB	SLB
	Sierra Leone		SL	SLE
	El Salvador		SV	SLV
	San Marino		SM	SMR
	Somalia		SO	SOM
	Saint Pierre Und Miquelon		PM	SPM
	Serbien		RS	SRB
	São Tomé Und Príncipe		ST	STP
	Suriname		SR	SUR
	Swasiland		SZ	SWZ
	Seychellen		SC	SYC
	Syrien, Arab		SY	SYR
	Turks- Und Caicosinseln		TC	TCA
	Tschad		TD	TCD
	Togo		TG	TGO
	Thailand		TH	THA
	Tadschikistan		TJ	TJK
	Tokelau		TK	TKL
	Turkmenistan		TM	TKM
	Tonga		TO	TON

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

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