<zk>

    <window apply="org.zkoss.bind.BindComposer"

        viewModel="@id('vm') @init('pkg$.TestVM')">

        <tree id="tree" rows="5" selectedItem="@bind(vm.selectedItem) @converter(vm.converter)">

            <treecols sizable="true">

                <treecol label="Name" />

                <treecol label="Description" />

            </treecols>

            <treechildren>

                <treeitem id="itemOne">

                    <treerow>

                        <treecell label="Item 1" />

                        <treecell label="Item 1 description" />

                    </treerow>

                </treeitem>

                <treeitem>

                    <treerow>

                        <treecell label="Item 2" />

                        <treecell label="Item 2 description" />

                    </treerow>

                    <treechildren>

                        <treeitem>

                            <treerow>

                                <treecell label="Item 2.1" />

                            </treerow>

                        </treeitem>

                        <treeitem>

                            <treerow>

                                <treecell label="Item 2.2" />

                                <treecell

                                    label="Item 2.2 is something who cares" />

                            </treerow>

                        </treeitem>

                    </treechildren>

                </treeitem>

                <treeitem label="Item 3" />

            </treechildren>

            <treefoot>

                <treefooter label="Count" />

                <treefooter label="Summary" />

            </treefoot>

        </tree>

                  Item Name: <div></div>

                  Change it to select different item<div></div>

                  <textbox value="@bind(vm.nameOfSelectedItem)" />

    </window>

</zk>