Searchbox

From Documentation
Revision as of 08:30, 17 July 2020 by Jameschu (talk | contribs) (Created page with "= Searchbox = *Demonstration: N/A *Style Guide: N/A *[http://www.zkoss.org/product/edition.dsp Available in ZK EE only] since 9.5.0 == Related components == None. == Required...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

Searchbox

 since 9.5.0

Related components

None.

Required Settings

Attributes
Description
aria-label Describe the Searchbox.

Keyboard Support

Key
Description
ArrowDown Open the popup and navigate options.
ArrowUp Navigate options.
Enter Select the options
Escape Close the popup

Example

<zk xmlns:ca="client/attribute">
  <searchbox ca:aria-label="Choose something">
    <template name="model">
      <html><![CDATA[
      <i class="z-icon-globe"></i>
      <span class="name">${each}</span>
      <span class="description">yoyoyo</span>
      ]]></html>
    </template>
  </searchbox>
</zk>