TableChildren"
From Documentation
Tmillsclare (talk | contribs) m (Created page with 'init') |
|||
(25 intermediate revisions by 7 users not shown) | |||
Line 1: | Line 1: | ||
− | + | {{ZKComponentReferencePageHeader}} | |
+ | |||
+ | = Tablechildren = | ||
+ | |||
+ | *Demonstration: [http://www.zkoss.org/zkdemo/layout/table_layout Tablelayout] | ||
+ | *Java API: <javadoc>org.zkoss.zkmax.zul.Tablechildren</javadoc> | ||
+ | *JavaScript API: <javadoc directory="jsdoc">zkmax.layout.Tablechildren</javadoc> | ||
+ | *Style Guide: [[ZK_Style_Guide/XUL_Component_Specification/Tablelayout | Tablelayout]] | ||
+ | *[http://www.zkoss.org/product/edition.dsp Available in ZK EE only] | ||
+ | |||
+ | = Employment/Purpose = | ||
+ | |||
+ | The cell of Tablelayout. The child component of Tablechildren can only be Panel. | ||
+ | |||
+ | {{versionSince| 6.0.0}} | ||
+ | |||
+ | The child of tablechildren can be any component. | ||
+ | |||
+ | = Example = | ||
+ | |||
+ | [[Image:ZKComRef Tablelayout Example.PNG]] | ||
+ | |||
+ | <source lang="xml" > | ||
+ | <tablelayout columns="2"> | ||
+ | <tablechildren> | ||
+ | <panel title="Table 1" border="normal" maximizable="true" | ||
+ | collapsible="true" width="200px" height="200px"> | ||
+ | <panelchildren>Panel Content</panelchildren> | ||
+ | </panel> | ||
+ | </tablechildren> | ||
+ | <tablechildren> | ||
+ | <panel title="Table 2" border="normal" maximizable="true" | ||
+ | collapsible="true" width="200px" height="200px"> | ||
+ | <panelchildren>Panel Content</panelchildren> | ||
+ | </panel> | ||
+ | </tablechildren> | ||
+ | <tablechildren> | ||
+ | <panel title="Table 3" border="normal" maximizable="true" | ||
+ | collapsible="true" width="200px" height="200px"> | ||
+ | <panelchildren>Panel Content</panelchildren> | ||
+ | </panel> | ||
+ | </tablechildren> | ||
+ | <tablechildren> | ||
+ | <panel title="Table 4" border="normal" maximizable="true" | ||
+ | collapsible="true" width="200px" height="200px"> | ||
+ | <panelchildren>Panel Content</panelchildren> | ||
+ | </panel> | ||
+ | </tablechildren> | ||
+ | </tablelayout> | ||
+ | </source> | ||
+ | |||
+ | {{versionSince|6.0.0}} | ||
+ | |||
+ | The child of tablechildren can be any component. | ||
+ | |||
+ | [[Image:ZKComRef_Tablelayout_Example_ZK6.PNG]] | ||
+ | |||
+ | <source lang="xml" > | ||
+ | <tablelayout columns="2"> | ||
+ | <tablechildren> | ||
+ | <label value="Table 1" /> | ||
+ | </tablechildren> | ||
+ | <tablechildren> | ||
+ | <button label="Table 2" /> | ||
+ | </tablechildren> | ||
+ | <tablechildren> | ||
+ | <textbox value="Table 3" /> | ||
+ | </tablechildren> | ||
+ | <tablechildren> | ||
+ | <window border="normal"> | ||
+ | Table 4 | ||
+ | </window> | ||
+ | </tablechildren> | ||
+ | </tablelayout> | ||
+ | </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/Containers/Panel | Panel]] | ||
+ | |||
+ | {{versionSince|6.0.0}} | ||
+ | |||
+ | * Any | ||
+ | |||
+ | =Use Cases= | ||
+ | [[ZK_Component_Reference/Layouts/Tablelayout#Use_Cases | Tablelayout ]] | ||
+ | |||
+ | =Version History= | ||
+ | {{LastUpdated}} | ||
+ | |||
+ | {| class='wikitable' | width="100%" | ||
+ | ! Version !! Date !! Content | ||
+ | |- | ||
+ | | | ||
+ | | | ||
+ | | | ||
+ | |} | ||
+ | |||
+ | {{ZKComponentReferencePageFooter}} |
Latest revision as of 08:44, 8 July 2022
Tablechildren
- Demonstration: Tablelayout
- Java API: Tablechildren
- JavaScript API: Tablechildren
- Style Guide: Tablelayout
- Available in ZK EE only
Employment/Purpose
The cell of Tablelayout. The child component of Tablechildren can only be Panel.
Since 6.0.0
The child of tablechildren can be any component.
Example
<tablelayout columns="2">
<tablechildren>
<panel title="Table 1" border="normal" maximizable="true"
collapsible="true" width="200px" height="200px">
<panelchildren>Panel Content</panelchildren>
</panel>
</tablechildren>
<tablechildren>
<panel title="Table 2" border="normal" maximizable="true"
collapsible="true" width="200px" height="200px">
<panelchildren>Panel Content</panelchildren>
</panel>
</tablechildren>
<tablechildren>
<panel title="Table 3" border="normal" maximizable="true"
collapsible="true" width="200px" height="200px">
<panelchildren>Panel Content</panelchildren>
</panel>
</tablechildren>
<tablechildren>
<panel title="Table 4" border="normal" maximizable="true"
collapsible="true" width="200px" height="200px">
<panelchildren>Panel Content</panelchildren>
</panel>
</tablechildren>
</tablelayout>
Since 6.0.0
The child of tablechildren can be any component.
<tablelayout columns="2">
<tablechildren>
<label value="Table 1" />
</tablechildren>
<tablechildren>
<button label="Table 2" />
</tablechildren>
<tablechildren>
<textbox value="Table 3" />
</tablechildren>
<tablechildren>
<window border="normal">
Table 4
</window>
</tablechildren>
</tablelayout>
Supported Events
None | None |
- Inherited Supported Events: XulElement
Supported Children
* Panel
Since 6.0.0
* Any
Use Cases
Version History
Version | Date | Content |
---|---|---|