Treefooter"
From Documentation
Jumperchen (talk | contribs) |
|||
| (8 intermediate revisions by 4 users not shown) | |||
| Line 6: | Line 6: | ||
*Java API: <javadoc>org.zkoss.zul.Treefooter</javadoc> | *Java API: <javadoc>org.zkoss.zul.Treefooter</javadoc> | ||
*JavaScript API: <javadoc directory="jsdoc">zul.sel.Treefooter</javadoc> | *JavaScript API: <javadoc directory="jsdoc">zul.sel.Treefooter</javadoc> | ||
| + | *Style Guide: [[ZK_Style_Guide/XUL_Component_Specification/Treefooter| Treefooter]] | ||
= Employment/Purpose = | = Employment/Purpose = | ||
| − | A treefooter is a bottom column of tree, Its parent must be Treefoot. You | + | A treefooter is a bottom column of tree, Its parent must be Treefoot. You could place any child in a tree footer. |
| − | |||
| + | = Example = | ||
| − | |||
| − | [[Image: | + | [[Image:ZKComRef_Tree_Example.png]] |
<source lang="xml" > | <source lang="xml" > | ||
| − | <window title="tree demo" border="normal" width="400px"> | + | <window title="tree demo" border="normal" width="400px" > |
| − | <tree id="tree | + | <tree id="tree" rows="5"> |
<treecols sizable="true"> | <treecols sizable="true"> | ||
<treecol label="Name" /> | <treecol label="Name" /> | ||
| Line 29: | Line 29: | ||
<treecell label="Item 1" /> | <treecell label="Item 1" /> | ||
<treecell label="Item 1 description" /> | <treecell label="Item 1 description" /> | ||
| + | </treerow> | ||
| + | </treeitem> | ||
| + | <treeitem> | ||
| + | <treerow> | ||
| + | <treecell label="Item 2" /> | ||
| + | <treecell label="Item 2 description" /> | ||
</treerow> | </treerow> | ||
<treechildren> | <treechildren> | ||
<treeitem> | <treeitem> | ||
<treerow> | <treerow> | ||
| − | <treecell label="Item 1.2" /> | + | <treecell label="Item 2.1" /> |
| − | <treecell label="Item | + | </treerow> |
| + | </treeitem> | ||
| + | <treeitem> | ||
| + | <treerow> | ||
| + | <treecell label="Item 2.2" /> | ||
| + | <treecell | ||
| + | label="Item 2.2 is something who cares" /> | ||
</treerow> | </treerow> | ||
</treeitem> | </treeitem> | ||
</treechildren> | </treechildren> | ||
</treeitem> | </treeitem> | ||
| + | <treeitem label="Item 3" /> | ||
</treechildren> | </treechildren> | ||
<treefoot> | <treefoot> | ||
| − | <treefooter | + | <treefooter label="Count" /> |
| − | + | <treefooter label="Summary" /> | |
| − | |||
| − | |||
| − | <treefooter | ||
| − | |||
| − | |||
| − | |||
</treefoot> | </treefoot> | ||
</tree> | </tree> | ||
| Line 54: | Line 61: | ||
</source> | </source> | ||
| + | =Supported Events= | ||
| − | + | {| class='wikitable' | width="100%" | |
| − | |||
| − | |||
| − | |||
| − | {| | ||
! <center>Name</center> | ! <center>Name</center> | ||
! <center>Event Type</center> | ! <center>Event Type</center> | ||
| Line 66: | Line 70: | ||
| None | | None | ||
|} | |} | ||
| + | *Inherited Supported Events: [[ZK_Component_Reference/Base_Components/FooterElement#Supported_Events | FooterElement]] | ||
=Supported Children= | =Supported Children= | ||
| Line 71: | Line 76: | ||
*ALL | *ALL | ||
| − | =Use | + | =Use Cases= |
| − | [[ZK_Component_Reference/Data/Tree# | + | [[ZK_Component_Reference/Data/Tree#Use_Cases | Tree]] |
=Version History= | =Version History= | ||
{{LastUpdated}} | {{LastUpdated}} | ||
| − | {| | + | {| class='wikitable' | width="100%" |
! Version !! Date !! Content | ! Version !! Date !! Content | ||
|- | |- | ||
Latest revision as of 09:17, 16 February 2022
- Demonstration: N/A
- Java API: Treefooter
- JavaScript API: Treefooter
- Style Guide: Treefooter
Employment/Purpose
A treefooter is a bottom column of tree, Its parent must be Treefoot. You could place any child in a tree footer.
Example
<window title="tree demo" border="normal" width="400px" >
<tree id="tree" rows="5">
<treecols sizable="true">
<treecol label="Name" />
<treecol label="Description" />
</treecols>
<treechildren>
<treeitem>
<treerow>
<treecell label="Item 1" />
<treecell label="Item 1 description" />
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell label="Item 2" />
<treecell label="Item 2 description" />
</treerow>
<treechildren>
<treeitem>
<treerow>
<treecell label="Item 2.1" />
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell label="Item 2.2" />
<treecell
label="Item 2.2 is something who cares" />
</treerow>
</treeitem>
</treechildren>
</treeitem>
<treeitem label="Item 3" />
</treechildren>
<treefoot>
<treefooter label="Count" />
<treefooter label="Summary" />
</treefoot>
</tree>
</window>
Supported Events
| None | None |
- Inherited Supported Events: FooterElement
Supported Children
*ALL
Use Cases
Version History
| Version | Date | Content |
|---|---|---|