Wrong dot tree lines opening closed tree nodes in a z-dottree class tree

asked 2011-06-03 14:21:22 +0800

gsim
81

updated 2011-06-06 02:28:24 +0800

Hi all!

I have found this issue but I'm not sure if it's a bug or I am doing something wrong:

In a tree with zclass="z-dottree", when opening closed treeitems either from server via Treeitem.setOpen() or directly in a zul page, the tree dot lines are not correctly rendered. I get something like:

Node 1 (opened node)
├ Node 1.1
├ Node 1.2
Node 2

instead of:

Node 1 (opened node)
├ Node 1.1
└ Node 1.2
Node 2

This code reproduces the issue:

<tree zclass="z-dottree">
    <treecols>
        <treecol label="Name"/>
    </treecols>
    <treechildren>
        <treeitem>
            <treerow>
                <treecell label="Item 1"/>
            </treerow>
            <treechildren>
                <treeitem>
                    <treerow>
                        <treecell label="Item 1.1"/>
                    </treerow>
                </treeitem>
                <treeitem>
                    <treerow>
                        <treecell label="Item 1.2"/>
                    </treerow>
                </treeitem>
            </treechildren>
        </treeitem>
        <treeitem id="ti2" open="false">
            <treerow>
                <treecell label="Item 2" onClick="ti2.setOpen(!ti2.isOpen())"/>
            </treerow>
            <treechildren>
                <treeitem>
                    <treerow>
                        <treecell label="Item 2.1"/>
                    </treerow>
                </treeitem>
                <treeitem>
                    <treerow>
                        <treecell label="Item 2.1"/>
                    </treerow>
                </treeitem>
            </treechildren>
        </treeitem>
        <treeitem open="false">
            <treerow>
                <treecell label="Item 3"/>
            </treerow>
            <treechildren>
                <treeitem>
                    <treerow>
                        <treecell label="Item 3.1"/>
                    </treerow>
                </treeitem>
                <treeitem>
                    <treerow>
                        <treecell label="Item 3.1"/>
                    </treerow>
                </treeitem>
            </treechildren>
        </treeitem>        
    </treechildren>
</tree>

In the previous example, when clicking on "Item 1" everything is correctly rendered, but opening Item 2 (via setOpen()) or Item 3 (via own component event) renders wrong dot tree lines.

The issue can be reproduced also in the zk tree dynamic styling demo:
1. Close all nodes
2. Change style to Dot Tree
3. Open the nodes

Has anyone of you found this problem?

Thanks,
Will.

delete flag offensive retag edit

8 Replies

Sort by » oldest newest

answered 2011-06-07 02:07:54 +0800

gsim
81

did anyone find something about this?

thx
will

link publish delete flag offensive edit

answered 2011-06-07 09:42:57 +0800

riczun
36 ● 2
www.riczun.nl

I am having the same problem. Which version of ZK do you have?

I have 2 projects with almost the same menu's. In ZK 5.0.6 my menu is the wrong one as you describe. My another project is still version 5.0.5 and there i don't have any problem!