Tree"
From Documentation
| Line 1: | Line 1: | ||
{{ZKComponentReferencePageHeader}} | {{ZKComponentReferencePageHeader}} | ||
| − | = | + | = Tree = |
*Demonstration: N/A | *Demonstration: N/A | ||
*Style Guide: N/A | *Style Guide: N/A | ||
*[http://www.zkoss.org/product/edition.dsp Available in ZK EE only] | *[http://www.zkoss.org/product/edition.dsp Available in ZK EE only] | ||
since 9.5.0 | since 9.5.0 | ||
| − | |||
| − | |||
| − | |||
== Required Settings == | == Required Settings == | ||
| Line 16: | Line 13: | ||
! <center>Description</center> | ! <center>Description</center> | ||
|- | |- | ||
| − | | aria-label | + | | aria-label / aria-labelledby |
| − | | | + | | Name the Tree. For more information about naming, please refer to [[ZK_Component_Reference/Accessibility | Accessibility]] |
|} | |} | ||
| Line 25: | Line 22: | ||
! <center>Description</center> | ! <center>Description</center> | ||
|- | |- | ||
| − | | ArrowUp/ArrowDown | + | | ArrowUp / ArrowDown |
| Select Treeitems or focus on Treecols. | | Select Treeitems or focus on Treecols. | ||
|- | |- | ||
| − | | ArrowLeft/ArrowRight | + | | ArrowLeft / ArrowRight |
| If the treeitem is openable, toggle the open status. Focus on Treecell or Treecols. | | If the treeitem is openable, toggle the open status. Focus on Treecell or Treecols. | ||
|} | |} | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
Revision as of 23:38, 28 July 2020
Tree
- Demonstration: N/A
- Style Guide: N/A
- Available in ZK EE only
since 9.5.0
Required Settings
| aria-label / aria-labelledby | Name the Tree. For more information about naming, please refer to Accessibility |
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. |