how to append data from stating in js tree using jquery?

Question

I Found one example of js tree in jquery ? in this user can add new data inside after selecting the the row. here http://jsfiddle.net/fuu94/

But When I remove all row (remove ul and li from mark up)and start making from first it will not work why ?

http://jsfiddle.net/fuu94/1/

$('#tree').jstree({
    "core": {
        "check_callback": true
    },
    "plugins": ["dnd"]
});

$('button').click(function () {
    var ref = $('#tree').jstree(true),
        sel = ref.get_selected();
    if (!sel.length) {
        return false;
    }
    sel = sel[0];
    sel = ref.create_node(sel);
    if (sel) {
        ref.edit(sel);
    }

});

Jesse · Accepted Answer · 2014-05-04 10:29:55Z

1

According to the jstree documentation

"The minimal required markup is a < ul > node with some nested < li > nodes with some text inside."

-> http://www.jstree.com/docs/html/

As long as you make the menu using UL and LI it should do the rest for you (as in creating the tree).

So basically, if you remove the text from the LI and UL nodes and make your own text, duplicate the structure, you could make something like this:

-> http://jsfiddle.net/fuu94/3/

but the minimum requirements is something like:

<ul>
    <li></li>
</ul>

and if you want to use a submenu, add one of these :

    <li> Title Here
        <ul>
            <li></li>
            <li></li>
        </ul>
    </li>

edited May 4, 2014 at 10:29

answered May 4, 2014 at 10:24

Jesse

2,8621 gold badge23 silver badges38 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

user944513 Over a year ago

can you add element using add button first element

Collectives™ on Stack Overflow

how to append data from stating in js tree using jquery?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related