CakePHP Sandbox App v5

Countries and AJAX Pagination

Name Original Name Iso2 Iso3
sk Slovakia Slovensko SK SVK
sb Solomon Islands Solomon Islands SB SLB
so Somalia Soomaaliya SO SOM
za South Africa South Africa ZA ZAF
gs South Georgia South Georgia GS SGS
ss South Sudan South Sudan SS SSD
lk Sri Lanka śrī laṃkāva LK LKA
fi Finland Suomi FI FIN
sr Suriname Suriname SR SUR
sj Svalbard And Jan Mayen Islands Svalbard og Jan Mayen SJ SJM
se Sweden Sverige SE SWE
sz Swaziland Swaziland SZ SWZ
tz Tanzania Tanzania TZ TZA
td Chad Tchad TD TCD
tf French Southern Territories Territoire des Terres australes et antarctiques fr TF ATF
tl East Timor Timor-Leste TL TLS
tg Togo Togo TG TGO
tk Tokelau Tokelau TK TKL
to Tonga Tonga TO TON
tt Trinidad And Tobago Trinidad and Tobago TT TTO

Page 9 of 13, showing 20 record(s) out of 250 total



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
TODOs:
  • URL needs to be rewritten/updated to be in sync with current page - for a clean user experience

Send your feedback or bugreport!