Organigram"
From Documentation
Charlesqiu (talk | contribs) |
Charlesqiu (talk | contribs) |
||
Line 3: | Line 3: | ||
*Java API: <javadoc>org.zkoss.zkmax.zul.Organigram </javadoc> | *Java API: <javadoc>org.zkoss.zkmax.zul.Organigram </javadoc> | ||
*JavaScript API: <javadoc directory="jsdoc">zkmax.layout.Organigram </javadoc> | *JavaScript API: <javadoc directory="jsdoc">zkmax.layout.Organigram </javadoc> | ||
+ | |||
+ | [ ZKEE ] | ||
+ | [ Since 8.6.0 ] | ||
= Employment/Purpose = | = Employment/Purpose = |
Revision as of 04:14, 8 August 2018
Organigram
- Java API: Organigram
- JavaScript API: Organigram
[ ZKEE ] [ Since 8.6.0 ]
Employment/Purpose
Organigram is a component for showing organizational chart by using tree data structure, it also support TreeModel to hold data, Organigram only accept one Orgchildren as child, developers can put Orgchildren, Orgitem and Orgnode in Organigram to display data.
Example
<organigram width="600px">
<orgchildren>
<orgitem>
<orgnode label="Item1"/>
<orgchildren>
<orgitem>
<orgnode label="Item2"/>
<orgchildren>
<orgitem>
<orgnode label="Item3"/>
</orgitem>
<orgitem>
<orgnode label="Item4"/>
<orgchildren>
<orgitem>
<orgnode label="Item5"/>
</orgitem>
</orgchildren>
</orgitem>
</orgchildren>
</orgitem>
<orgitem>
<orgnode label="Item6"/>
</orgitem>
</orgchildren>
</orgitem>
</orgchildren>
</organigram>
<zscript><![CDATA[
DefaultTreeNode root = new DefaultTreeNode(null, new DefaultTreeNode[]{
new DefaultTreeNode("Item1", new DefaultTreeNode[]{
new DefaultTreeNode("Item2"), new DefaultTreeNode("Item3"), new DefaultTreeNode("Item4")
})
});
DefaultTreeModel model = new DefaultTreeModel(root);
model.addOpenPath(new int[]{0});
]]></zscript>
<organigram width="600px" model="${model}"/>