TableChildren"

From Documentation
m
 
(24 intermediate revisions by 6 users not shown)
Line 1: Line 1:
 
{{ZKComponentReferencePageHeader}}
 
{{ZKComponentReferencePageHeader}}
  
= TableChildren =
+
= Tablechildren =
  
*Demonstration: N/A or link
+
*Demonstration: [http://www.zkoss.org/zkdemo/layout/table_layout Tablelayout]
*Java API: <javadoc>org.zkoss.zkmax.zul.TableChildren</javadoc>
+
*Java API: <javadoc>org.zkoss.zkmax.zul.Tablechildren</javadoc>
*JavaScript API: <javadoc directory="jsdoc">zkmax.layout.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 =
 
= Employment/Purpose =
  
The cell of Tablelayout. The child component of Tablechildren only can be Panel.
+
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:Tablelayout.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}}
  
<source lang="xml" >
+
The child of tablechildren can be any component.
<?xml version="1.0" encoding="UTF-8"?>
 
  
<?component name="panel" extends="panel" width="200px" height="200px" ?>
+
[[Image:ZKComRef_Tablelayout_Example_ZK6.PNG‎]]
  
<zk>
+
<source lang="xml" >
<label value="3 columns, 1 colspan, 1 rowspan" />
+
<tablelayout columns="2">
<tablelayout id="tbl" columns="3">
+
    <tablechildren>
<tablechildren id="tc1" colspan="2">
+
        <label value="Table 1" />
<panel title="table1" border="normal" maximizable="true"
+
    </tablechildren>
collapsible="true">
+
    <tablechildren>
<panelchildren>Panel</panelchildren>
+
        <button label="Table 2" />
</panel>
+
    </tablechildren>
</tablechildren>
+
    <tablechildren>
<tablechildren>
+
        <textbox value="Table 3" />
<panel title="table2" border="norma maximizable=" true "
+
    </tablechildren>
collapsible="true">
+
    <tablechildren>
<panelchildren>Panel</panelchildren>
+
        <window border="normal">
</panel>
+
        Table 4
</tablechildren>
+
        </window>
 +
    </tablechildren>
 
</tablelayout>
 
</tablelayout>
</zk>
 
 
</source>
 
</source>
  
 +
=Supported Events=
  
 
+
{| class='wikitable' | width="100%"
=Supported events=
 
 
 
{| border="1" | 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=
  
  *NONE
+
  *[[ZK_Component_Reference/Containers/Panel | Panel]]
 +
 
 +
{{versionSince|6.0.0}}
  
=Use cases=
+
* Any
  
{| border='1px' | width="100%"
+
=Use Cases=
! Version !! Description !! Example Location
+
[[ZK_Component_Reference/Layouts/Tablelayout#Use_Cases | Tablelayout ]]
|-
 
| &nbsp;
 
| &nbsp;
 
| &nbsp;
 
|}
 
  
 
=Version History=
 
=Version History=
 +
{{LastUpdated}}
  
{| border='1px' | width="100%"
+
{| class='wikitable' | width="100%"
 
! Version !! Date !! Content
 
! Version !! Date !! Content
 
|-
 
|-
| 5.0.2
+
| &nbsp;
| 5/19/2010
+
| &nbsp;
| Initialization
+
| &nbsp;
 
|}
 
|}
  
 
{{ZKComponentReferencePageFooter}}
 
{{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.