TableChildren"
From Documentation
Tmillsclare (talk | contribs) |
|||
(22 intermediate revisions by 6 users not shown) | |||
Line 1: | Line 1: | ||
{{ZKComponentReferencePageHeader}} | {{ZKComponentReferencePageHeader}} | ||
− | = | + | = Tablechildren = |
− | *Demonstration: | + | *Demonstration: [http://www.zkoss.org/zkdemo/layout/table_layout Tablelayout] |
− | *Java API: <javadoc>org.zkoss.zkmax.zul. | + | *Java API: <javadoc>org.zkoss.zkmax.zul.Tablechildren</javadoc> |
− | *JavaScript API: <javadoc directory="jsdoc">zkmax.layout. | + | *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 = | = Employment/Purpose = | ||
− | The cell of Tablelayout. The child component of Tablechildren only | + | 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 = | = 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"> | |
− | <tablelayout | + | <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> | </tablelayout> | ||
− | |||
</source> | </source> | ||
+ | =Supported Events= | ||
− | + | {| class='wikitable' | width="100%" | |
− | |||
− | |||
− | {| | ||
! <center>Name</center> | ! <center>Name</center> | ||
! <center>Event Type</center> | ! <center>Event Type</center> | ||
Line 53: | Line 84: | ||
| None | | None | ||
|} | |} | ||
+ | *Inherited Supported Events: [[ZK_Component_Reference/Base_Components/XulElement#Supported_Events | XulElement]] | ||
=Supported Children= | =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= | =Version History= | ||
+ | {{LastUpdated}} | ||
− | {| | + | {| class='wikitable' | width="100%" |
! Version !! Date !! Content | ! Version !! Date !! Content | ||
|- | |- |
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 |
---|---|---|