dijit.Tree avec plusieurs dijit.Menu

Version imprimable

23/06/2011, 15h55
ptitjib

dijit.Tree avec plusieurs dijit.Menu

Bonjour,
Je viens vers vous après quelque heures de recherches.
J'ai un dijit.Tree de la forme :
Root
_|_Fournisseurs
___|_Lots
_____|_Articles
J'arrive sans problème à affecter un dijit.Menu sur ce tree., mais j'aimerais que en fonction du type cliqué (fournisseur, lot, article) un menu contextuel différent s'affiche, quitte à créer trois menus différents.
Je ne sais pas comment "binder" par 'menu.bindDomNode(tree.domNode)' où tree.domNode serait remplacé soit par les noeuds 'fournisseur' soit 'lot', soit 'article'.
Je pense qu'il faut faire un dojo.query puis dojo.foreach en fonction du type pour binder seulement sur les noeuds qui m'intéressent aux menus correspondant, mais comment faire pour faire des 'query' dans le tree ?

Cordialement,
JB.

Voilà ou j'en suis.

J'ai donc pu trouver un bout de code qui m'a aidé:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
treeStore.fetch({
  query: { type: "fournisseur" },
  onItem: function(item, request) {
    dojo.forEach(treeStore.getValues(item, "children"), function(childItem) {
      var itemNode = tree.getNodesByItem(treeModel.getIdentity(childItem));
      console.log(itemNode); 					
      console.log(itemNode[0].domNode); 
      if (childItem.type == "fournisseur") {
        menu.bindDomNode(itemNode[0].domNode);
      }
    });
  }
});

Mais celui-ci ne fonctionne pas, j'ai l'impression qu'à partir du moment où on "bind" un domNode du tree, c'est tout le tree qui est pris en compte.

J'ai aussi essayé ce code là, je bind le domNode parent et unBind tous les enfants, mais ne marche toujours pas.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
tree.onLoad = function () {
  treeStore.fetch({
    query: { type: "fournisseur" },
    onItem: function(item, request) {
      var itemNode = tree.getNodesByItem(treeModel.getIdentity(item));
      console.log(itemNode); 
      console.log(itemNode[0].domNode);
        if (item.type[0] == "fournisseur") {
          menu.bindDomNode(itemNode[0].domNode);
          dojo.forEach(treeStore.getValues(item, "children"), function (child) {
            menu.unBindDomNode(tree.getNodesByItem(treeModel.getIdentity(child))[0].domNode);
          });
        }
    }
  });
}

Je n'y comprend plus rien, je ne vois pas ce que je fais de mal.
Pouvez vous m'aider?
JB

Réponse trouvée

Finalement, c'était tout bête:
Pas de tree.onLoad(), pas de store.fetch().
Tout est dans l'implématation de _openMySelf.

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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
// connect menu
dojo.connect(menuFourniseur, "_openMyself", tree, function(e){
  var node = dijit.getEnclosingWidget(e.target);
  if (node.item) {
    var itemInfo = node.item;
    if (!itemInfo.root) {
      var type = itemInfo.type[0];
      switch (type) {
        case 'fournisseur':
          console.debug('fournisseur -> id:'+itemInfo.id[0]);
        break;
        default:
          dijit.byId("left_tree").focusNode(node);
        break;
      }
    } else {
      dijit.byId("left_tree").focusNode(node);
    }
  }
});
 
 
dojo.connect(menuLot, "_openMyself", tree, function(e){
  var node = dijit.getEnclosingWidget(e.target);
  if (node.item) {
    var itemInfo = node.item;
    if (!itemInfo.root) {
      var type = itemInfo.type[0];
      switch (type) {
        case 'lot':
          console.debug('lot -> id:'+itemInfo.id[0]);
        break;
        case 'fournisseur':
          dijit.byId('menuFournisseur')._openMyself(e);
        break;
        default:
          dijit.byId("left_tree").focusNode(node);
        break;
      }
    } else {
      dijit.byId("left_tree").focusNode(node);
    }
  }
});
 
 
dojo.connect(menuArticle, "_openMyself", tree, function(e){
  var node = dijit.getEnclosingWidget(e.target);
  if (node.item) {
    var itemInfo = node.item;
    if (!itemInfo.root) {
      var type = itemInfo.type[0];
      switch (type) {
        case 'article':
          console.debug('article -> id:'+itemInfo.id[0]);
        break;
        case 'lot':
          dijit.byId('menuLot')._openMyself(e);
        break;
        case 'fournisseur':
          dijit.byId('menuFournisseur')._openMyself(e);
        break;
        default:
          dijit.byId("left_tree").focusNode(node);
        break;
      }
    } else {
      dijit.byId("left_tree").focusNode(node);
    }
  }
});

Il ne reste plus qu'à créer un menu par type.

JB