Buggtesta AJAX är lite speciellt. Jag håller på med en sökfunktion som ska använda jQuery UI Autocomplete. Det ville sig inte, jag satt och letade efter avancerad fel i mitt javascript. Det visa sig vara min data som hade fel format, det hade smugit sig in ett komma på fel plats.
Lärdom: Leta efter de enklaste felen först, i det här fallet tog jag hjälp av JSONlint och hittade snabbt mitt fel.
Att dela upp data på sidor (siduppdelning, eng. paging), göra den sökbar, sortera kolumner är en uppgift som är vanlig för den som jobbar i PHP. Hämtar man ut data från en enkel databastabell är det inga problem. Men ibland är det kanske mer komlicerad data och onödigt mycket jobb, när det enkelt kan lösas på klientsidan istället, det vill säga med javascript.
jQuery och ett plugin som heter tablesorter och tablesorter.pager gör det väldigt smidigt att dela upp tabelldata och ordna enkel sortering av kolumnerna.
Tablesorter med paging
Du behöver ladda hem och inkludera filerna i HTML-kodens head.
1 2 3 | <script type="text/javascript" src="js/jquery-1.4.4.min.js"></script> <script type="text/javascript" src="js/jquery.tablesorter.min.js"></script> <script type="text/javascript" src="js/jquery.tablesorter.pager.js"></script> |
Skapa en tabell i din sida med lita data i (jag hittar på lite i mitt exempel)…
(Läs mer…)
