Searchbox

From Documentation
Revision as of 10:54, 23 September 2019 by Rudyhuang (talk | contribs) (example)

WarningTriangle-32x32.png This page is under construction, so we cannot guarantee the accuracy of the content!

Searchbox

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

Employment/Purpose

A searchbox.

Example

<zscript>
ListModel model = new ListModelArray(new String[] {
  "North America", "South America", "Europe", "Asia", "Africa", "Oceania", "Antarctica"
});
</zscript>
<searchbox model="${model}" placeholder="An unknown place" autoclose="true">
   <template name="model">
       <html><![CDATA[
       <i class="z-icon-globe"></i> ${each}
       ]]></html>
   </template>
</searchbox>

Mouseless Entry Searchbox

  • UP or DOWN to pop up the list if focused.
  • ESC to close the list.
  • UP, DOWN, HOME, END, PAGE UP and PAGE DOWN to change the selection of the items from the list.
  • ENTER to confirm the change of selection.

Properties

autoclose

disabled

itemConverter

itemRenderer

model

multiple

open

placeholder

searchMessage

selectedItem

selectedItems

Supported Events

Name
Event Type
onSelect
Event: SelectEvent

Represents an event caused by user's the list selection is changed at the client.

onOpen
Event: OpenEvent

Denotes that the user has opened or closed a component. Note: unlike onClose, this event is only a notification. The client sends this event after opening or closing the component.

onSearching
Event: Event

Notifies one that the user is searching by keywords.

Supported Children

* none

Version History

Last Update : 2019/09/23


Version Date Content
9.0.0 September 2019 ZK-4380: Provide a Searchbox component



Last Update : 2019/09/23

Copyright © Potix Corporation. This article is licensed under GNU Free Documentation License.