Listbox

From Documentation
Revision as of 09:59, 25 October 2022 by Hawk (talk | contribs) (→‎Keyboard Support)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

Since 9.5.0

  • Available for ZK:
  • http://www.zkoss.org/product/zkhttp://www.zkoss.org/whyzk/zkeeVersion ee.png

Label a Component

To name a component with ARIA attribute by adding the aria-label client attribute to the component, please refer to ZK_Developer's_Reference/Accessibility#Specify_ARIA_Attributes

You need to label a Listbox first, then ZK will add aria-labelledby on the z-focus-a button.

Keyboard Support

Key
Description
ArrowUp / ArrowDown Select Listitems or focus on Listheaders.
ArrowLeft / ArrowRight Focus on Listcells or Listheaders
Spacebar (on listitem) If the checkmark is enabled, pressing Spacebar will toggle selection of the listitem.
Enter / Spacebar (on listgroup) pressing Enter/Spacebar will open or close the listgroup.
Enter / Spacebar (on "select all" checkbox) pressing Enter/Spacebar trigger select / unselect all.