CakePHP Sandbox App: Pagination | AjaxExamples

Countries and AJAX Pagination

	Name	Ori Name	Iso2	Iso3
	Benin		BJ	BEN
	Burkina Faso		BF	BFA
	Bangladesch		BD	BGD
	Bulgarien	Bulgaria	BG	BGR
	Bahrain		BH	BHR
	Bahamas		BS	BHS
	Bosnien Und Herzegowin		BA	BIH
	St		BL	BLM
	Weißrussland		BY	BLR
	Belize		BZ	BLZ
	Bermuda		BM	BMU
	Bolivien		BO	BOL
	Brasilien		BR	BRA
	Barbados		BB	BRB
	Brunei Darussalam		BN	BRN
	Bhutan		BT	BTN
	Bouvetinsel		BV	BVT
	Botsuana		BW	BWA
	Zentralafrikanische Republik		CF	CAF
	Kanada		CA	CAN

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