Drag and Drop

Version imprimable

01/04/2009, 16h33
crazyday

Drag and Drop

Bonjour,

J'utilise le framework dojo sur le développement d'un site php.

J'ai intégré le drag and drop sur les lignes d'un tableau et cela fonctionne très bien. J'aurai besoin de mettre à jour en base de données un champ "Ordre" à la suite d'un drag and drop.

J'arrive bien à récupérer les informations de la ligne qui a été déplacé, cependant je n'arrive pas à récupérer les informations de la ligne dont elle prend la place et du coup je ne peux pas mettre l'ordre à jour dans ma base.

Quelqu'un aurait-il une solution à ce problème ?

Merci par avance pour vos réponses.
01/04/2009, 17h01
emmanuel.remy

Tu peux envoyer un exemple de ton code stp ?

ERE

Voici le code.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<script language="javascript" type="text/javascript" src="includes/js/dojo/dojo/dojo.js" djConfig="isDebug: true, parseOnLoad: true"></script>
<script language="javascript">
    dojo.require("dojo.dnd.Container");
    dojo.require("dojo.dnd.Manager");
    dojo.require("dojo.dnd.Source");
 
    dojo.subscribe("/dnd/drop", function(source, nodes, copy, target){
        console.debug(nodes[0].innerHTML);
    });
</script>
<table dojoType="dojo.dnd.Source" class="dndContainer">
    <tr><td>Ordre</td><td>Libelle</td></tr>
    <tr id="dojoUnique1" class="dojoDndItem"><td>1</td><td>Item 1</td</tr>
    <tr id="dojoUnique2" class="dojoDndItem"><td>2</td><td>Item 2</td</tr>
    <tr id="dojoUnique3" class="dojoDndItem"><td>3</td><td>Item 3</td</tr>
    <tr id="dojoUnique4" class="dojoDndItem"><td>4</td><td>Item 4</td</tr>
</table>

Quand je déplace une ligne j'obtiens dans le debug les éléments de la ligne déplacée, cependant comme je l'expliquais plus haut, je ne trouve pas le moyen d'obtenir les informations de la ligne de destination.

Citation:

Envoyé par crazyday

Quand je déplace une ligne j'obtiens dans le debug les éléments de la ligne déplacée, cependant comme je l'expliquais plus haut, je ne trouve pas le moyen d'obtenir les informations de la ligne de destination.

Salut,

C'est assez subtil ! :fou:
Tu as l'info mais quand tu regardes dans Firebug, tu ne l'as plus, elle s'est déjà envolée ! Lors du drop (ou du drop/before) l'attribut current de la cible contient ce noeud cherché. Mais il est remis à NULL dès le drop fini... Donc la solution:
Code:

1 2 3 4 5 6 7 8 var obj; dojo.subscribe("/dnd/drop", function(source, nodes, copy, target){ obj = target.current; console.debug("drop sur:", obj); //à partir de là le current peut être détruit, //ce n'est pas grave obj est toujours présent });
A+,

ERE

02/04/2009, 09h30
crazyday

Merci pour pour ta réponse, ça marche comme je le souhaitais.

A charge de revanche