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

[Antjac]

Hi, Thx for your component,

I've just a little problem due to (I think) the fact, that is it a asynctree.
When i check a node and if the children nodes are'nt expanded, the children will be not check.

Do you have any idea to automatically check the children of a unexpended parent ?


Thx,

Antoine

[jbum]

Have others been able to use "rootVisible: false" to hide the root node? The root node is still visible for me but it's now laid out without any indentation for the child nodes - root and child nodes look like they are part of the same level in the tree.

Help please.

[nintondo]

unable to get checkboxes showing..using ffox 3.5

[Condor]

unable to get checkboxes showing..using ffox 3.5

And you did adjust the path to the images in the .css file?

[Lobos]

Nice work man! works great!

I am trying to tirgger the load spinner to come up in beside the node because I do the node checked state save on each check. so bascially I am looking to show the user that soemthign is going on when they check or uncheck...

[Condor]

Nice work man! works great!

I am trying to tirgger the load spinner to come up in beside the node because I do the node checked state save on each check. so bascially I am looking to show the user that soemthign is going on when they check or uncheck...

Use:

node.getUI().beforeLoad();

and

node.getUI().afterLoad();

to show and hide the loading indicator.

[treilor]

Thank you for extension!

I've noticed some strange behaviour using AsynchTreeNode.
Having tree structure like that:

[ ] Node 1
   [ ] Node 1.2
      [ ] Node 1.2.1
      [ ] Node 1.2.2
   [ ] Node 1.2

Tree nodes are properly (I believe) configured with AsynchTriStateNodeUI. When I check Node 1.2, Node 1.2.1 and Node 1.2.2 are checked as well. Then if I uncheck Node 1.2.1, Node 1.2 and 1.2.2 get unchecked, but 1.2.1 still shown as checked (like it wasn't internally "checked" on checking its parent).

Adding call to a parent method in AsynchTriStateNodeUI.updateChild() fixes the problem:

    updateChild:function(checked){
        if(this.checkbox){
            if(checked === true){
                Ext.fly(this.ctNode).replaceClass('x-tree-branch-unchecked', 'x-tree-branch-checked');
            } else if(checked === false){
                Ext.fly(this.ctNode).replaceClass('x-tree-branch-checked', 'x-tree-branch-unchecked');
            } else {
                Ext.fly(this.ctNode).removeClass(['x-tree-branch-checked', 'x-tree-branch-unchecked']);
            }
        }
        Ext.tree.AsynchTriStateNodeUI.superclass.updateChild.apply(this, arguments);
    },

Am I correct or just missing something?

[Eric24]

@Condor - This looks great. Is it compatible with Ext 3.0?

[Condor]

@Condor - This looks great. Is it compatible with Ext 3.0?

I haven't used it on an Ext 3.0.0 project yet. If it isn't compatible then I don't expect that it requires big changes (TreePanel hasn't changed very much from 2.x to 3.x).

[dayrl]

how can I set the item's check state by script?
I mean there's two trees,the second tree contains options that cat set the first tree's check state.