TableChildren"
From Documentation
m (→Use cases) |
|||
| (17 intermediate revisions by 5 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]] | [[Image:ZKComRef Tablelayout Example.PNG]] | ||
| Line 42: | Line 48: | ||
</tablechildren> | </tablechildren> | ||
</tablelayout> | </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> | </source> | ||
=Supported Events= | =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= | =Use Cases= | ||
| − | + | [[ZK_Component_Reference/Layouts/Tablelayout#Use_Cases | Tablelayout ]] | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
=Version History= | =Version History= | ||
{{LastUpdated}} | {{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 |
|---|---|---|