Cascader

Cascader

• Demonstration:
• Java API: Cascader
• JavaScript API: Cascader
• Available for ZK:
• 

Employment/Purpose

Cascader is a tree-based selectbox.

Example

<source lang="xml" >
<zscript><![CDATA[
        DefaultTreeModel tm = new DefaultTreeModel(new DefaultTreeNode("ROOT",
        Arrays.asList(new DefaultTreeNode[]{
                new DefaultTreeNode("David", Arrays.asList(new TreeNode[]{new DefaultTreeNode("David-1"),
                                 new DefaultTreeNode("David-2")})),
                new DefaultTreeNode("Thomas",new ArrayList()),
                new DefaultTreeNode("Steven",new ArrayList())})));
    ]]></zscript>
    <cascader width="300px" model="${tm}" />

Users can select in layers, and the selection path would be converted into text. (Default is joining by slashes, i.g. "A/B/C")

Properties

Model

The tree model associated with this cascader.

Placeholder

When the selected item is empty, the placeholder text would be displayed. (Default: empty)

Open

Drops down or closes the list of items.

ItenRenderer

The item renderer is used to render each item.

ItemConverter

The converter generates the label text shown in the cascader.

Supported Events

Name	Event Type
onSelect	Event: SelectEvent Represents an event caused by user's the selection changed at the client.
onOpen	Event: OpenEvent Represents an event that indicates an open state that is changed at the client.

• Inherited Supported Events: HtmlBasedComponent

Supported Children

* None

Use Cases

Version	Description	Example Location

Version History

Version	Date	Content
9.0.0	November, 2019	Anchornav was introduced.