Drag and drop entre 2 tree

Version imprimable

Bonjour,

J'ai effectué un rich:tree
http://img7.hostingpics.net/pics/908471index.png

voici mon code:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <h:form> <rich:tree switchType="client" style="width:300px; border:solid black 1px;" value="#{ManagedTree.dataC}" var="item" dragIndicator=":dataCDragIndicator"> <rich:treeNode dragType="item"> <h:outputText value="#{item.nom}" /> <rich:dndParam name="label" type="drag" value="item #{item.nom}" /> </rich:treeNode> </rich:tree> <rich:tree style="width:300px; height:300px; border:solid black 1px;" value="#{ManagedTree.treeC}" var="item" dragIndicator=":treeCDragIndicator" dropListener="#{ManagedTree.processDrop}"> <rich:treeNode dragType="item" acceptedTypes="item"> <h:outputText value="#{item.nom}" /> <rich:dndParam name="label" type="drag" value="item #{item.nom}" /> </rich:treeNode> </rich:tree> </h:form>
Pour l'instant dans ma fonction processDrop m'affiche juste un message au serveur pour voir comment ça marche:
Code:

1 2 3 4 5 public void processDrop(DropEvent event) { Item i=(Item) event.getDragValue(); System.out.println("test" + i.getNom()); }
et treeC est vide.
Le souci c'est que quand j'essaye de faire un drag and drop je ne reçois aucun message. Et quand je drag un item ça me marque pas le nom comme dans les exemples où ça marque qu'on peu dropper ou pas. Moi ça me met un cadre avec des pointillés rouge (si c'est dans le 1er tree) ou noir.

06/08/2009, 10h45
totofe

Je suis un peu perdu! J'y arrive pas :?.
Besoin d'aide.
J'ai essayé en m'inspirant de ce lien:
http://livedemo.exadel.com/richfaces...nd&cid=2942208.
Mais j'arrive à rien. Quelqu'un pourrait m'expliquer comment faire svp?

Après plusieurs heures de recherche j'ai réussi à faire un petit truc.

voici mon code jsf:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
  <h:form>
        <rich:tree id="tree" switchType="client" style="position:absolute; width:300px; border:solid black 1px;" value="#{SimpleTreeDndBean.dataC}"  var="item" nodeFace="item"
                   dragIndicator="indicator2" treeNodeVar="treeNode">
          <rich:treeNode type="item" dragType="item" dragValue="#{item}">
               <h:outputText value="#{item.nom}" />
               <rich:dndParam name="label" type="drag" value="item #{item.nom}">#{item.nom}</rich:dndParam>
          </rich:treeNode>
    </rich:tree>
 
<a4j:outputPanel layout="block">
  <rich:dropSupport acceptedTypes="item" dropListener="#{SimpleTreeDndBean.dropListener}" reRender="treeC" />
  <rich:tree id="treeC" switchType="client" style="position:absolute; width:300px; height:300px; left:500px; border:solid black 1px;" value="#{SimpleTreeDndBean.treeC}"  var="item" dragIndicator=":treeCDragIndicator" dropListener="#{SimpleTreeDndBean.dropListener}" nodeFace="item">
  <rich:treeNode type="item"  acceptedTypes="item"  dragType="item" dragValue="#{item}">
               <h:outputText value="#{item.nom}" />
              <rich:dndParam name="label" type="drag" value="item #{item.nom}">#{item.nom}</rich:dndParam>
           </rich:treeNode>
 
    </rich:tree>
 
  </a4j:outputPanel>
        </h:form>

Ma classe SimpleTreeDndBean :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
public class SimpleTreeDndBean {
 
 
     private TreeNode<Item> treeC = new TreeNodeImpl<Item>();
     private ManagedTree dataC = new ManagedTree();
 
 
    public TreeNode<Item> getTreeC() {
        return treeC;
    }
 
    public TreeNode<Item> getDataC()
    {
       System.out.println("creatTree");
       dataC.creatTree("0","0");
       return dataC.getRoot();
    }
 
    private Object getNewId(TreeNode parentNode) {
    System.out.println("getNewId: "+parentNode.getData().toString());
    return parentNode;
    }
 
    public void dropListener(DropEvent dropEvent) {
       System.out.println("dragtype: "+dropEvent.getDragValue().toString());
        TreeNode<Item> c=new TreeNodeImpl<Item>();
        c.setData((Item) dropEvent.getDragValue());
        treeC.addChild(c, c);
    }
 
}

Et ma classe ManagedTree:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
public class ManagedTree {
 
    private TreeNode<Item> root = new TreeNodeImpl<Item>();
 
    public TreeNode<Item> getRoot() {
        return root;
    }
 
    public void creatTree(String iditem,String mode)
    {
        ConnexionBean co = new ConnexionBean();
        String rep= new String();
        rep=co.loadNewHiel(iditem,mode);
        String[] items=rep.split("\n");
        for (int i = 0; i < items.length-1; i++) //-1 pour HIELFIN
        {
          String[] champs=items[i].split("\t");
          Item item=new Item(champs[0],champs[2]);
          ManagedTree children = new ManagedTree();
          children.getRoot().setData(item);
          root.addChild(i, children.getRoot());
          if(champs[5].equals("0"))
          {
            children.creatTree(champs[0], mode);
          }
        }
     }
 
    public void addChild(int arg, ManagedTree m)
    {
        root.addChild(arg, m.getRoot());
    }
 
 
    public void processDrop(DropEvent event)
    {
        Item i=(Item) event.getDragValue();
        System.out.println("test" + i.getNom());
    }
 
  }

Donc j'ai plusieurs souci. Déjà lorsque j'essaye de faire le drag-drop du tree1 vers le tree2 le serveur relance la fonction geDataC plusieurs fois. Hors mon tree1 ne changera jamais. Relancer cette fonction est une perte de temps (surtout si il le fait plusieurs fois) :?

Ensuite la mise à jour du tree2 se met à jour que 20-30sec après avoir créé le nœud.

Et je ne parviens pas à créer le petit affichage comme on voit sur cette image:

http://img7.hostingpics.net/pics/172305recur.png

Moi j'ai un rectangle en pointillé qui change de couleur en fonction d'ou il se trouve:
-rouge le tree de gauche
-vert le tree de droite
-noir le reste

http://img7.hostingpics.net/pics/209497index.png

Si quelqu'un pouvait m'aider :cry:.

07/08/2009, 11h06
totofe

Une petit aide pour empêcher que le serveur ne relance la fonction getDataC quand je fait un drag and drop. Je trouve pas la solution :(.
07/08/2009, 13h53
rushtakn

Tu ne peux pas l'empecher, c'est lié au cycle de vie de jsf, c'est pour ça qu'il est déconseillé de mettre du code applicatif dans les accesseurs.
Ta methode dataC.creatTree("0","0") devrait etre appelée ailleurs (contructeur, méthode d'action ...).
07/08/2009, 14h23
totofe

Ok merci de ta réponse pour cette raison je trouvais pas a solution. Je pensais que c'était un paramètre à changé :?

Edit: ça marche super :ccool:

Mais comment faire pour avoir l'affichage comme sur l'exemple de mon poste précédent quand je fais le drag? Je n'y parviens toujours pas.

Et de pouvoir dragger uniquement les items qui n'ont pas de fils.
j'ai essayé avec ceci:

Code:

nodeFaces="#{treeNode.leaf? 'item' : 'node'}"

ça permet de draguer que les item sans fils mais quand je drop la fonction dropListener n'est plus appelé :?