Reorder html table dmv JS
Het voorbeeldje is wel duidelijk denk ik. Je kan een tabel sorteren. Of zoveel als je wilt op dezelfde pagina. Moet je paar dingetjes in de constructor veranderen, zodat html ID's niet hetzelfde zijn.
Het doel van de library is om wet ontzettend weinig requests en ontzettend weinig http verkeer, een lijst te herordenen. Dat werkt. De tabel wordt herordent, maar er wordt pas iets opgeslagen als je op OrderList klikt. Dan wordt een functie uitgevoerd die NIET in de Lib staat. In die functie wordt Ajax gebruikt voor de request. De functie mf_GetOrderList uit deze Lib wordt gebruikt om de volgorde te verkrijgen uit de tabel.
Functies om de tabel te ordenen zitten allemaal in deze Lib. De functie om m op te slaan niet.
In het voorbeeld, wordt een COOKIE gevuld met de volgorde van ID's van de data. De data is een gewone array met als keys, de ID's die opgeslagen zijn in het COOKIE.
Het is getest in IE 6 en FF 2.
Veel plezier ermee, je mag het aanpassen zoveel je wilt, maar update dan plz het versienummer en zet iets in de changelog. Altijd makkelijk.
Zie voorbeeld voor meer functionaliteit. Zie beschrijving (About).
De achtergrondkleuren in het voorbeeld zijn om aan te tonen, dat een achtergrondkleur NIET verloren gaat als een rij ge(de)selecteerd wordt. Ook niet als het via een class gaat (al zit dat niet in het voorbeeld).
Voorbeeld: http://jouwmoeder.nl/projects/reorder_table/
Gesponsorde koppelingen
PHP script bestanden
Er zijn 13 reacties op 'Reorder html table dmv js'
-0 
-0
edit: Hij doet het bij mij nu ook. Het aanklikken van een rij gaat alleen niet altijd goed¿?
-0
Ik was er ook mee bezig, opeens klikte ik per ongeluk op de rij, die kon ik toen mooi verplaatsen. Succes!
-0
Hij werkt overigens ook prima in Safari 3
-0
Alleen waarvoor gebruik je eval?
Deze kun je zo opvangen door er haakjes om te zetten:
Btw, hier nog een voorbeeldje hoe je rows kan verschuiven zonder de rij in kwestie te klonen:
Shift rows
Modus kiezen, en daarna op een rij klikken.
-0
Dus zoals eerder vermeld kan je mss bij de functie orderlist alles een reset geven zodat alles tegoei komt
-0
Ik vind het netjes bgrijp me niet verkeerd maar ik wil toch iedereen die het in een commercieel product wil gebruiken aanraden een te kijken naar :
http://www.phpriot.com/d/articles/client-side/sortable-lists-with-php-and-ajax/index.html
Hier word uitgelegd hoe je een dragdrop sortable kunt maken die ook nogeens direct de veranderingen opslaat in de database
-0
Jos & Jelmer, jullie hebben helemaal gelijk. De reden dat ik voor eval() ging, is dat het met [''+] eerst niet werkte (kwam omdat ik verkeerde property naam had :D). Toen ik het met eval probeerde werkte het nog niet, toen heb ik de naam aangepast, maar niet van eval terug naar [''+] gegaan. Ik zal het veranderen.
Wouter, er is een optie voor het hernummeren van de lijst :) Maar die staat niet perse aan, omdat die nummers wel eens het ID van de rij kunnen zijn, en niet het `volgorde-nummer`. De optie bestaat echter (2 of 3 properties van je object aanpassen en hij doet t automatisch).
Jacco, ik ben expres niet voor drag & drop gegaan. Waarom? Omdat ik er absoluut niet van houd. Ik heb al een paar van die drag & drop dingetjes en ik moet het niet. Helemaal zelf maken is me ook teveel werk voor wat het oplevert. Deze manier (voor tabellen vooral) was ik nog nooit tegengekomen en had ik eigenlijk nodig. Het direct opslaan in de database is dus precies iets wat ik NIET wil. Zoals ik al zei: zo min mogelijk requests, met zo min mogelijk data. Dus eerst de volgorde bouwen in HTML en JS en dan pas opslaan naar database. Precies zoals ik wilde :)
Ik ga proberen al het goede commentaar (dat wil zeggen, waar ik het mee eens ben) te implementeren en dan komt hier versie 1.0.2 binnenkort te staan.
Dank iedereen voor commentaar!
Om te reageren heb je een account nodig en je moet ingelogd zijn.
PHP hulp
0 seconden vanaf nu