[2.2] Tri-state tree/Tree with themed checkbox [NEW v1.2]

[Dr. Flink]

Checkchange was the first thing I tried. The reason I went with onCheckboxClick was to know what box was clicked from within the event.
And I think the checkchange event is acting inconsistently when unchecking boxes.

[ ] Grandparent
    [ ] Parent
        [ ] Leaf 1
        [ ] Leaf 2
        [ ] Leaf 3
        [ ] Leaf 4

When I check Leaf 2, the checkchange will fire twice (Parent and Leaf 2), correctly.
But, when I uncheck Leaf 2 it will fire 6 times(!). Twice for Leaf 2 and once for each node (Parent, Leaf 1, Leaf 3, Leaf 4).

onCheckboxClick fires only once. And I can easily see if the node is a parent and what nodes should be added into/removed from the array.

Please, tell me if I've missed something using the checkchange event.

[Condor]

There should be an extra check in onCheckChange:

Ext.override(Ext.tree.TreeNodeUI, {
	onCheckChange :function(){
		var checked = this.isChecked();
		if(checked !== this.node.attributes.checked){
			this.node.attributes.checked = checked;
			this.fireEvent('checkchange', this.node, checked);
		}
	}
});

after which you could use:

listeners:{
	checkchange: function(node, checked){
		if(!node.isLeaf()){
			node.expand();
		}
	}
}

[cruisin]

thanks for the contribution

when I turned on DD with enableDD:true, I am unable to rearrange nodes via DD
as is possible in the original Tree

am I missing something ?

thx

[starmage]

great job with that tri-state Tree

But i agree with cruisin and when i'm enableDD, i have some trouble with the firefox. I start the drag and everything works fine until i want to drag the node anywhere. If i release the button nothing happens and it freeze the drag, so i could not end the drag.

In Internet Explorer everything works ok.

Do i forget anything?

Thx

[PSB]

Please replace archive after last override.

Thanks..

[Condor]

Please replace archive after last override.

I updated the original post to version 1.2 (not many changes, except one nasty bugfix).

[snoir]

i downlaod it ,but no checkbox on tree

[Condor]

The TreeCheckbox.css file contains a reference to the checkbox.gif file. Make sure it points to the correct file if you put the example in a different directory.

[Frenky]

excellent!!

it works perfect for me

[snoir]

The TreeCheckbox.css file contains a reference to the checkbox.gif file. Make sure it points to the correct file if you put the example in a different directory.

thx,the demo is right~