Cascader"

From Documentation
Line 40: Line 40:
 
Drops down or closes the list of items.
 
Drops down or closes the list of items.
  
== ItenRenderer ==
+
== ItemRenderer ==
 
The item renderer is used to render each item.
 
The item renderer is used to render each item.
  

Revision as of 04:28, 13 November 2019

Cascader

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.

ItemRenderer

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.


Supported Children

* None

Use Cases

Version Description Example Location
     

Version History

Last Update : 2019/11/13


Version Date Content
9.0.0 November, 2019 Anchornav was introduced.



Last Update : 2019/11/13

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