Search jQuery

jQuery Forum

Using jstree: Binding an event to a specific node not the entire tree

in Using jQuery Plugins • 10 years ago

Hello,

I have a dilemma.. I want to execute some code when a node is either
selected or deselected but I only want specific nodes not the whole
tree.

Normally, I think you bind an event when you create the tree like $
('.sidecontent').bind(........).jstree(data.tree); but that's for the
whole tree, which I don't want. I have a selector for the nodes I want
like $('a[id*="room_1"]') but I don't know how to bind an event to
those nodes only. Is this possible? If it is, then what event should I
use?

Thanks,
Trumpetmcool

Replies(2)

trumpetmc..

Re: Using jstree: Binding an event to a specific node not the entire tree

10 years ago

If anyone was wondering how to do this, I made some progress. Currently it has an event for every node if it is selected, it checks if the 2nd attribute (just so happened to be 2nd) has the phrase "room_" in it. It's probably not the best way to do it but it's the best I could come with. Here's what I have:

$(".sidecontent").jstree(data.tree).bind("select_node.jstree", function(e, data) {
//nodeId is the value I picked to check if the node had an id
var nodeId = String(data.rslt.obj.context.attributes[1].nodeValue);
if (nodeId.match(/room_\d/g) == null) {
//code when node has an id
} else {
//code when node doen't have an id
}
});

It looks rough but I don't know a better way to do it.. I'll gladly take suggestions. It seems inefficient...

Thanks,
Trumpetmcool

johnatym

Re: Using jstree: Binding an event to a specific node not the entire tree

9 years ago

I hope you're not still trying to crack this a year later, but for the sake of completeness:

you should be using the "types" plugin for this - just populate your list with an attribute (default is rel) that contains your selecting info, and in your call to jstree you can prevent events firing their bound functions on each type (eg. "select_node" : false).

Check out http://www.jstree.com/documentation/types

Top Reply

Response title

Attachments

jQuery Forum

Using jstree: Binding an event to a specific node not the entire tree

Replies(2)

Re: Using jstree: Binding an event to a specific node not the entire tree

Re: Using jstree: Binding an event to a specific node not the entire tree

Statistics

Tags

Actions