Discussion :

[crazyday]

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.

[emmanuel.remy]

Tu peux envoyer un exemple de ton code stp ?

ERE

[crazyday]

Voici le code.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

[emmanuel.remy]

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 !
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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[crazyday]

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

A charge de revanche