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.

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.