Searchbox
From Documentation
This page is under construction, so we cannot guarantee the accuracy of the content!
Searchbox
- Available for ZK:
-
[ 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
| Event: SelectEvent
Represents an event caused by user's the list selection is changed at the client. | |
| 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. | |
| Event: Event
Notifies one that the user is searching by keywords. |
Supported Children
* none
Version History
| Version | Date | Content |
|---|---|---|
| 9.0.0 | September 2019 | ZK-4380: Provide a Searchbox component |