Tree
From Documentation
Listbox
- Demonstration: N/A
- Style Guide: N/A
- Available in ZK EE only
since 9.5.0
Related components
Auxhead, Auxheader, Treecell, Treecol, Treefooter, Treeitem, Treerow
Required Settings
aria-label | Describe the listbox. |
Keyboard Support
ArrowUp/ArrowDown | Select Treeitems or focus on Treecols. |
ArrowLeft/ArrowRight | If the treeitem is openable, toggle the open status. Focus on Treecell or Treecols. |
Example
<zk xmlns:ca="client/attribute">
<listbox width="350px" ca:aria-label="Team Member">
<listhead>
<listheader label="name" sort="auto" />
<listheader label="gender" />
<listheader label="phone" />
</listhead>
<listitem>
<listcell label="Mary" />
<listcell label="FEMALE" />
<listcell label="000000000" />
</listitem>
<listitem>
<listcell label="John" />
<listcell label="MALE" />
</listitem>
</listbox>
</zk>