CODEWITHSUNDEEP
jqueryjstree
Anders
Anders

Reputation: 12716

Check if a node is a leaf in jstree

I have been trying to find out how to check if a node is a leaf in a jstree, but all the information out there seems to be about previous versions of jstree and obsolete as far as I can tell...

So I have the following:

$('#jstree').jstree();

$('#jstree').on("changed.jstree", function (e, data) {
    console.log(data.selected);

});

The change callback gives me an output of the selected ids in the console. But how do I get information about whether they are leaves (have no children)?

I suppose it would have to loop through some array, because the above can provide ids for multiple selected nodes (which I want), like so in the console:

["3", "4"]

But I can't figure out how to do this. I've been searching the documentation too, but for my level of jquery skills it doesn't help, it just seems to list the objects and events and so on (for example "is_leaf" is listed under the "types plugin"), but I can't find examples of how to code it. I have no idea where to put either the types plugin if that's what I need, nor the is_leaf part in order to get what I described above for each selected node...

Upvotes: 0

Views: 7004

Answers (3)

Tom McDonough
Tom McDonough

Reputation: 1262

if ($('#jstree').jstree().jstree.get_selected(true)[0].children == 0)
    //Do Something

So this will check if the selected item has any children, if not then proceed.

Upvotes: 0

Ranjith Venkatesh
Ranjith Venkatesh

Reputation: 1362

Just use the is_leaf function on the node.

http://www.jstree.com/api/#/?q=is_leaf&f=is_leaf(obj)

Upvotes: 2

Tushar Sharma
Tushar Sharma

Reputation: 347

Every leaf node in jstree has the 

  class='jstree-leaf'

in its html. So you could check this in the

$.each(function(e,data){ });

in the 

  .bind('loaded.jstree',function(e,data){

   //code here

   });

to check whether the class exists in the tree or not. The each loop in the loaded event traverses through all the nodes in jstree.

Hope you got some idea. Rest you can refer the documentation for syntaxes.

Let me know in case of any queries.

Upvotes: 1

Related Questions