Tree

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

Attributes	Description
aria-label	Describe the listbox.

Keyboard Support

Key	Description
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>