Cascader"
From Documentation
(→Model) |
|||
Line 34: | Line 34: | ||
== Placeholder == | == Placeholder == | ||
+ | When the selected item is empty, the placeholder text would be displayed. | ||
+ | (Default: empty) | ||
== Open == | == Open == |
Revision as of 10:15, 12 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
Renderer
ItemConverter
Supported Events
Event: SelectEvent
Represents an event caused by user's the selection changed at the client. | |
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. |