Print Page - Question - tree cascadeCheck/onCheck event

I am trying to use the tree component to control a non easyui object (a google map) and have a question about interaction of the cascadeCheck property and the onCheck event. Specifically, I would like to have the following behavior: check of a parent node causes check of its descendants (cascadeCheck) and triggers the onCheck event for parent and descendants. What I observe is that cascadeCheck works as expected (i.e. descendants get checked recursively) but the onCheck event gets triggered only for the parent node, i.e. the node which I check manually. Am I correctly interpreting the intended and actual behavior?

The 'onCheck' event only be triggered on the parent node. If you really want to make all children nodes to be triggered, please set the 'cascadeCheck' property to false and then call 'check' method on all children nodes.

Code:

$('#tt').tree({
	cascadeCheck: false,
	onCheck: function(node){
		console.log(node.text)
		var data = $(this).tree('getData',node.target);
		if (data.children){
			for(var i=0; i<data.children.length; i++){
				$(this).tree(node.checked?'check':'uncheck', data.children[i].target);
			}
		}
	}
})

EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: davistom on May 13, 2015, 05:49:57 AM