Renommer labelNode de via le tree Dojo

**moukit233** · 13/08/2009, 11h43

Bonjour ,

je suis en train de developper un site web....

dans une partie de ce site j'ai un dijit.tree.ForestStoreModel qui affiche mes Articles :

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
<div dojoType="dijit.tree.ForestStoreModel" jsid="treeModel" store="treeStore">
</div>
<div dojoType="dijit.Tree"
     id="tree"
     model="treeModel"
     jsid="Tree"
     showRoot=false  
     >    
</div>
<script type="text/javascript">
dojo.addOnLoad(function() {  
                    dojo.connect(ptTree, "onDblClick", "renommer");
                    }
         );
</script>

et pour renommer l'article double cliqué dans le tree j'ai une fonction js :

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
18
19
20
21
22
23
24
25
26
27
28
 function renommer(e)
 { 
 
             var domElement = e.target;
             var nodeWidget = dijit.getEnclosingWidget(domElement);          
             if(!nodeWidget || !nodeWidget.isTreeNode) {
                     return;
             }
             this.editing = true; // turn off keys for the tree            
             // first we put a span in to attach the editor to. This avoids errors
             var labelNode = nodeWidget.labelNode;
             var editSpan = document.createElement('div');
             editSpan.innerHTML = labelNode.innerHTML;
             labelNode.innerHTML = "";
             labelNode.appendChild(editSpan);
 
             var editor = new dijit.InlineEditBox({
                                     node: nodeWidget,
                                     tree: Tree,
                                     model: Tree.model,
                                     autoSave: true,
                                     onChange: Renommer(this.id,arguments[0]),
                                     width: "100px"
                                     }, editSpan);
             editor.startup();
             editor._edit();
 
 }

mais lorsque je fait un double clique sur le tree j'obtien un message d'erreur :
message : (this domNode is null)
je ne sais pas c'est quoi l'erreur exacte est ce qu'il y a quelqu'un peut m'aider s'il vous plait

merci de maider

**emmanuel.remy** · 13/08/2009, 15h15

Salut Moukit233,

On a déjà traité ce cas plusieurs fois sur tes sollicitations: utilise l'événement onDblClick du tree.

ERE

**moukit233** · 13/08/2009, 15h37

salut Emmanuel.remy

je sais on a traité ça plusieure fois mais j'arrive pas tjr de modifier labelNode et je ne sais pas c'est quoi l'erreur exacte .j'ai comme message d'erreur :
domNode is null

merci de m'aider

**emmanuel.remy** · 13/08/2009, 18h53

Envoyé par moukit233

salut emmanuel.remy

je sais on a traité ça plusieure fois mais j'arrive pas tjr de modifier labelNode et je ne sais pas c'est quoi l'erreur exacte .j'ai comme message d'erreur :
domNode is null

merci de m'aider

Utilise l'événement onDblClick du tree. En 1.3 il offre directement en paramètre ton nodeWidget.

Code :

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

... onDblClick: function(/* dojo.data */ item, /*TreeNode*/ node, /*Event*/ evt){ ... }

ERE

**moukit233** · 14/08/2009, 12h41

bonjour Emmanuel.remy,

toujour avec renommer LabelNode de tree .

pour le premier partie c'est bon (L'édition zone est bien affiché (après la zone de texte), et je peux supprimer l'ancienne étiquette. )

Le premier problème est lorsque je tente de frapper une touche du clavier pour entrer un nouveau nom, puis firefox entrer dans une boucle et de demander si je veux arrêter le script ou le débogage.

et pour resoudre ce problem j'ai creé deux fonction js :
fonction 1 :

Code :

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

1
2
3
4
5
 function createPoste()
  {
      this.inherited("postCreate", arguments);
      this.connect(this.domNode, "ondblclick", this._onDblClick);
  }

fonction 2:

Code :

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

1
2
3
4
5
6
7
function onkey(e) 
  {
      if (ptTree.editing) 
          return;
      this.inherited(arguments);      
 
  }

et dons la page html j'ai fait ça :

Code :

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

1
2
3
4
5
6
7
8
9
 
<script type="text/javascript">
dojo.addOnLoad(function() {  
        dojo.connect(ptTree, "_onDblClick", "renommer");
        dojo.connect(ptTree, "_onKeyPress", "onkey");
                    }
 
         );
</script>