TableChildren"

From Documentation
m (Created page with 'init')
 
 
(25 intermediate revisions by 7 users not shown)
Line 1: Line 1:
init
+
{{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
 +
|-
 +
| &nbsp;
 +
| &nbsp;
 +
| &nbsp;
 +
|}
 +
 
 +
{{ZKComponentReferencePageFooter}}

Latest revision as of 08:44, 8 July 2022

Tablechildren

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

ZKComRef Tablelayout Example.PNG

<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.

ZKComRef Tablelayout Example ZK6.PNG

	<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

Name
Event Type
None None

Supported Children

* Panel

Since 6.0.0

* Any

Use Cases

Tablelayout

Version History

Last Update : 2022/07/08


Version Date Content
     



Last Update : 2022/07/08

Copyright © Potix Corporation. This article is licensed under GNU Free Documentation License.