Listbox"
From Documentation
Line 6: | Line 6: | ||
*[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 Listbox. 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 Listitems or focus on Listheaders. | | Select Listitems or focus on Listheaders. | ||
|- | |- | ||
− | | ArrowLeft/ArrowRight | + | | ArrowLeft / ArrowRight |
| Focus on Listcells or Listheaders | | Focus on Listcells or Listheaders | ||
|- | |- | ||
− | | Enter/Spacebar | + | | Enter / Spacebar |
| If the checkmark is enabled, press Enter/Spacebar would toggle the checkbox. | | If the checkmark is enabled, press Enter/Spacebar would toggle the checkbox. | ||
|} | |} | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− |
Revision as of 23:37, 28 July 2020
Listbox
- Demonstration: N/A
- Style Guide: N/A
- Available in ZK EE only
since 9.5.0
Required Settings
aria-label / aria-labelledby | Name the Listbox. For more information about naming, please refer to Accessibility |
Keyboard Support
ArrowUp / ArrowDown | Select Listitems or focus on Listheaders. |
ArrowLeft / ArrowRight | Focus on Listcells or Listheaders |
Enter / Spacebar | If the checkmark is enabled, press Enter/Spacebar would toggle the checkbox. |