Treerow"
From Documentation
Zkwikiadmin (talk | contribs) |
m ((via JWB)) |
||
(12 intermediate revisions by 5 users not shown) | |||
Line 1: | Line 1: | ||
− | + | {{ZKComponentReferencePageHeader}} | |
+ | |||
+ | = Treerow = | ||
+ | |||
+ | *Demonstration: [http://www.zkoss.org/zkdemo/tree/dynamic_styling Tree (Dynamic Styling)] | ||
+ | *Java API: <javadoc>org.zkoss.zul.Treerow</javadoc> | ||
+ | *JavaScript API: <javadoc directory="jsdoc">zul.sel.Treerow</javadoc> | ||
+ | *Style Guide: [[ZK_Style_Guide/XUL_Component_Specification/Treerow| Treerow]] | ||
+ | |||
+ | = Employment/Purpose = | ||
+ | |||
+ | Treerow is a single row in the tree. It is the main content of treeitem. Treerow can contains multiple treecell, each treecell represent one column in this row by sequencial. A treecell can contains any component in it, such as label, image, textbox etc. | ||
+ | |||
+ | = Example = | ||
+ | |||
+ | [[Image:ZKComRef_Treeitem.png]] | ||
+ | |||
+ | <source lang="xml" > | ||
+ | <window title="tree demo" border="normal" width="400px"> | ||
+ | <tree id="tree" width="90%"> | ||
+ | <treecols sizable="true"> | ||
+ | <treecol label="Name" /> | ||
+ | <treecol label="Description" /> | ||
+ | </treecols> | ||
+ | <treechildren> | ||
+ | <treeitem> | ||
+ | <treerow> | ||
+ | <treecell> | ||
+ | <image src="/img/folder.gif" /> | ||
+ | Item 1 | ||
+ | </treecell> | ||
+ | <treecell> | ||
+ | <textbox value="Item 1 description" /> | ||
+ | </treecell> | ||
+ | </treerow> | ||
+ | </treeitem> | ||
+ | <treeitem> | ||
+ | <treerow> | ||
+ | <treecell label="Item 2" /> | ||
+ | <treecell label="Item 2 description" /> | ||
+ | </treerow> | ||
+ | <treechildren> | ||
+ | <treeitem open="false"> | ||
+ | <treerow> | ||
+ | <treecell label="Item 2.1"> | ||
+ | <image src="/img/folder.gif" /> | ||
+ | </treecell> | ||
+ | </treerow> | ||
+ | <treechildren> | ||
+ | <treeitem> | ||
+ | <treerow> | ||
+ | <treecell label="Item 2.1.1" /> | ||
+ | </treerow> | ||
+ | </treeitem> | ||
+ | </treechildren> | ||
+ | </treeitem> | ||
+ | </treechildren> | ||
+ | </treeitem> | ||
+ | <treeitem label="Item 3" /> | ||
+ | </treechildren> | ||
+ | </tree> | ||
+ | </window> | ||
+ | </source> | ||
+ | |||
+ | =Supported Events= | ||
+ | |||
+ | {| class='wikitable' | width="100%" | ||
+ | ! <center>Name</center> | ||
+ | ! <center>Event Type</center> | ||
+ | |- | ||
+ | | None | ||
+ | | None | ||
+ | |} | ||
+ | |||
+ | *Inherited Supported Events: [[ZK_Component_Reference/Base_Components/XulElement#Supported_Events | XulElement]] | ||
+ | |||
+ | =Supported Children= | ||
+ | |||
+ | *[[ZK_Component_Reference/Data/Tree/Treecell | Treecell]] | ||
+ | |||
+ | =Use Cases= | ||
+ | |||
+ | [[ZK_Component_Reference/Data/Tree#Use_Cases | Tree]] | ||
+ | |||
+ | =Version History= | ||
+ | {{LastUpdated}} | ||
+ | |||
+ | {| class='wikitable' | width="100%" | ||
+ | ! Version !! Date !! Content | ||
+ | |- | ||
+ | | 5.0.1 | ||
+ | | March 2010 | ||
+ | | Allow the context, tooltip and popup properties to be specified in Treerow. | ||
+ | |} | ||
+ | |||
+ | {{ZKComponentReferencePageFooter}} |
Latest revision as of 11:05, 7 January 2022
Treerow
- Demonstration: Tree (Dynamic Styling)
- Java API: Treerow
- JavaScript API: Treerow
- Style Guide: Treerow
Employment/Purpose
Treerow is a single row in the tree. It is the main content of treeitem. Treerow can contains multiple treecell, each treecell represent one column in this row by sequencial. A treecell can contains any component in it, such as label, image, textbox etc.
Example
<window title="tree demo" border="normal" width="400px">
<tree id="tree" width="90%">
<treecols sizable="true">
<treecol label="Name" />
<treecol label="Description" />
</treecols>
<treechildren>
<treeitem>
<treerow>
<treecell>
<image src="/img/folder.gif" />
Item 1
</treecell>
<treecell>
<textbox value="Item 1 description" />
</treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell label="Item 2" />
<treecell label="Item 2 description" />
</treerow>
<treechildren>
<treeitem open="false">
<treerow>
<treecell label="Item 2.1">
<image src="/img/folder.gif" />
</treecell>
</treerow>
<treechildren>
<treeitem>
<treerow>
<treecell label="Item 2.1.1" />
</treerow>
</treeitem>
</treechildren>
</treeitem>
</treechildren>
</treeitem>
<treeitem label="Item 3" />
</treechildren>
</tree>
</window>
Supported Events
None | None |
- Inherited Supported Events: XulElement
Supported Children
* Treecell
Use Cases
Version History
Version | Date | Content |
---|---|---|
5.0.1 | March 2010 | Allow the context, tooltip and popup properties to be specified in Treerow. |