Start Building Professional
Web Apps Today


 
Categories Question details Back To List
Question  posted by Velmurugan on Aug 06, 2009 00:37
open dhtmlx forum
how to close ediatable mode when mouse click any where in the page?

Hi,
I am using dhtmlxtree in my application. when i try to edit tree node, i have to double click the node, it will be converted into editable mode. once i change the node text, we need to hit "enter" key or we need to select some other node, then only the editable item mode closed. But my requirement is whereever i click the mouse when i am in editer mode, it should close the editor mode. How to do that?


thanks,
Vel
Answer posted by Alex (support) on Aug 06, 2009 01:44

Hello, 

the editing can be stopped by stopEdit() method:

tree.editStop()

You can set onclick event handler for  document body that will call this method 

Answer posted by velmurugant on Aug 06, 2009 02:00
hi,
I have used like this,
<body onclick="closeEditmode();">

function colseEditmode()
    {
       HTemplatetree.editStop();
    }    
but it is not working. any idea?
Answer posted by Alex (support) on Aug 06, 2009 04:58

Sorry. It was my typo. The correct one is stopEdit:


  HTemplatetree.stopEdit();