Treecols"
From Documentation
Jimmyshiau (talk | contribs) |
Jimmyshiau (talk | contribs) |
||
| Line 13: | Line 13: | ||
= Example = | = Example = | ||
| + | [[Image:ZKComRef_Treeitem.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" width="90% | + | <tree id="tree" width="90%"> |
<treecols sizable="true"> | <treecols sizable="true"> | ||
<treecol label="Name" /> | <treecol label="Name" /> | ||
<treecol label="Description" /> | <treecol label="Description" /> | ||
| − | |||
</treecols> | </treecols> | ||
<treechildren> | <treechildren> | ||
<treeitem> | <treeitem> | ||
<treerow> | <treerow> | ||
| − | <treecell | + | <treecell> |
| − | <treecell label="Item | + | <image src="/img/folder.gif" /> |
| − | <treecell label="Item | + | Item 1 |
| + | </treecell> | ||
| + | <treecell> | ||
| + | <textbox value="Item 1 description" /> | ||
| + | </treecell> | ||
| + | </treerow> | ||
| + | </treeitem> | ||
| + | <treeitem> | ||
| + | <treerow> | ||
| + | <treecell label="Item 2" /> | ||
| + | <treecell label="Item 2 description" /> | ||
</treerow> | </treerow> | ||
<treechildren> | <treechildren> | ||
| − | <treeitem> | + | <treeitem open="false"> |
<treerow> | <treerow> | ||
| − | <treecell label="Item 1 | + | <treecell label="Item 2.1"> |
| − | + | <image src="/img/folder.gif" /> | |
| + | </treecell> | ||
</treerow> | </treerow> | ||
| + | <treechildren> | ||
| + | <treeitem> | ||
| + | <treerow> | ||
| + | <treecell label="Item 2.1.1" /> | ||
| + | </treerow> | ||
| + | </treeitem> | ||
| + | </treechildren> | ||
</treeitem> | </treeitem> | ||
</treechildren> | </treechildren> | ||
</treeitem> | </treeitem> | ||
| + | <treeitem label="Item 3" /> | ||
</treechildren> | </treechildren> | ||
</tree> | </tree> | ||
</window> | </window> | ||
| − | + | </source> | |
| − | |||
=Supported Events= | =Supported Events= | ||
Revision as of 08:22, 17 November 2010
Treecols
- Demonstration: Tree (Dynamic Styling)
- Java API: Treecols
- JavaScript API: Treecols
- Style Guide: Treecols
Employment/Purpose
A treecols is main part of tree which contains set of columns. The set of columns is defined by a number of treecol components. Each column will appear as a column at the top of the tree.
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: HeadersElement
Supported Children
* Treecol
Use cases
| Version | Description | Example Location |
|---|---|---|
Version History
| Version | Date | Content |
|---|---|---|