Question

I’m using jsTree with the checkbox plugin to show a tree. I’m just using an unordered list (UL, LI) to define my tree, and then:

    $(function() {
        $("#treeId").jstree({
        "themes" : {
            "theme" : "default",
            "dots": true,
            "icons": false
         },
            "plugins": ["themes", "html_data", "checkbox",
                        "ui", "crrm", "hotkeys"]
        });
    });

I use this to generate the tree. I need some way to hide the checkboxes on certain nodes. Ideally, I would add a class to the nodes on which I don’t want checkboxes and then use JavaScript to hide them accordingly, but I haven’t found a way to do this yet. Some solutions use JSON attributes to identify nodes, but since I’m not using JSON, I’m not sure I can use this method.

I should mention my end goal is to hide checkboxes on all non-leaf nodes, but a generic solution based on class would be more helpful. Or both solutions would be great too 🙂

Thanks!

Mike

Answer 1

Finally got this working. I added a class=”node” to all nodes where I wanted to hide the checkboxes, then after the tree is loaded I do this bit of javascript:

$(".node").children().hide();

Hope this helps anybody with the same problem.