jsTree: How to create a new ID for the new added node?

Posted by marknt15 on Stack Overflow See other posts from Stack Overflow or by marknt15
Published on 2010-05-20T06:52:50Z Indexed on 2010/05/20 7:10 UTC
Read the original article Hit count: 351

Hi,

I can normally get the ID of the default tree nodes but my problem is onCreate then jsTree will add a new node but it doesn't have an ID. My question is how can I add an ID to the newly created tree node?

What I'm thinking to do is adding the ID HTML attribute to the newly created tree node but how?

I need to get the ID of all of the nodes because it will serve as a reference for the node's respective div storage.

HTML code:

<div class="demo" id="demo_1">
<ul>
    <li id="phtml_1" class="file"><a href="#"><ins>&nbsp;</ins>Root node 1</a></li>
    <li id="phtml_2" class="file"><a href="#"><ins>&nbsp;</ins>Root node 2</a></li>
</ul>
</div>

JS code:

$("#demo_1").tree({
    ui : {
        theme_name : "apple"
    },
    callback : {
        onrename : function (NODE, TREE_OBJ) {
            alert(TREE_OBJ.get_text(NODE));
            alert($(NODE).attr('id'));
        }
    }
});

Cheers, Mark

© Stack Overflow or respective owner

Related posts about JavaScript

Related posts about jstree