Item Behavior

CodeThatTree allows you to specify an action that will be performed after item click event. It may be:

execution of JS code,

jump to URL (you should select an url, link target and item hint).

Structure of action object:

"action" : {
	"js" : " ",                // JS code - onClick event handler
		"js2" : " ",      // JS code - onDblClick event handler
		"jsover" : " ",   // JS code - onMouseOver event handler
		"jsout" : " ",    // JS code - onMouseOut event handler
	"url" : " ",               // go to URL
	"target" : " ",            // link target
	"title" : " ",             // item hint
}

Note that target can be defined globally. This may be useful when your tree is located on a frame and items should open pages on other frame.

If an item is a floder, i.e. non-leaf node, action is handeled as follows:

If mouse click is performed on folder icon the item is expanded plus if useIconLink tree property is true specified action is performed too.

If mouse click is performed on folder text the item is expanded and specified action is performed.

Example - Tree Actions

You can see an example and complete code here - Tree Actions Example [popup]

Read more about CodeThatTree >>

© CodeThat.com, 2003-2010
Design by XTLabs, Inc
Sponsored by Rocket Division Software, LTD.