[jQuery] Drag 'n Drop
Ik wil graag een 2 lijsten creeren.
1 met alle bestaande resources en 1 met alle resources waar iemand toegang tot heeft.
Nu wil ik het graag een beetje fancy maken, zodat een beheerder van de ene naar de andere lijst kan slepen.
Drag 'n Drop'n met jQuery is niet te moeilijk, maar van de ene naar de andere lijst is een heel ander verhaal.
Heeft iemand een linkje voor me waar ik iets als dit kan vinden, of een voorzetje waar ik mee verder kan gaan bouwen?
http://www.phphulp.nl/php/forum/topic/drag-and-drop-in-table/82694/#588040
Met een beetje verbeelding lijkt zijn probleem op dat van jou nu.
Toch zeker wat betreft de dropzone; event die je kan triggeren bij onDrop, ...
------
Dus je maakt een aantal dropzones met rechten en drag-elementen van gebruikers.
Bij een drop heb je de dropzones en het drag-elementen. Daarmee roep je dan een Ajax request aan, met beide id's.
enz.
-------
Om te weten welk element precies aangesproken is, heb je de methode index().
Dus iets als
Code (php)
1
2
3
4
2
3
4
function onDrop( event, ui ) {
var dropElement = this;
var index = $(".droppable").index(dropElement);
...
var dropElement = this;
var index = $(".droppable").index(dropElement);
...
bv.
index = 2 => Het derde element met class="droppable" is de dropzone waar nu iets in is gedropt.
Gewijzigd op 24/07/2012 15:24:56 door Kris Peeters