Tablelayout"

From Documentation
Line 11: Line 11:
  
 
= Example =
 
= Example =
 +
[[Image:ZKComRef_Tablelayout_Example.PNG]]
  
  
 +
<source lang="xml" >
 +
<?xml version="1.0" encoding="UTF-8"?>
  
 +
<?component name="panel" extends="panel" width="200px" height="200px" ?>
  
 +
<zk>
 +
<label value="3 columns, 1 colspan, 1 rowspan" />
 +
<tablelayout id="tbl" columns="3">
 +
<tablechildren id="tc1" colspan="2">
 +
<panel title="table1" border="normal" maximizable="true"
 +
collapsible="true">
 +
<panelchildren>Panel</panelchildren>
 +
</panel>
 +
</tablechildren>
 +
<tablechildren>
 +
<panel title="table2" border="normal" maximizable="true"
 +
collapsible="true">
 +
<panelchildren>Panel</panelchildren>
 +
</panel>
 +
</tablechildren>
 +
</tablelayout>
 +
</zk>
 +
</source>
  
 
=Supported events=
 
=Supported events=

Revision as of 08:06, 12 May 2010

Tablelayout

Employment/Purpose

Tablelayout lay outs a container as an HTML table whose columns can be specified, and rowspan and colspan of its child can also be specified to create complex layouts within the table.

Example

ZKComRef Tablelayout Example.PNG


<?xml version="1.0" encoding="UTF-8"?>

<?component name="panel" extends="panel" width="200px" height="200px" ?>

<zk>
	<label value="3 columns, 1 colspan, 1 rowspan" />
	<tablelayout id="tbl" columns="3">
		<tablechildren id="tc1" colspan="2">
			<panel title="table1" border="normal" maximizable="true"
				collapsible="true">
				<panelchildren>Panel</panelchildren>
			</panel>
		</tablechildren>
		<tablechildren>
			<panel title="table2" border="normal" maximizable="true"
				collapsible="true">
				<panelchildren>Panel</panelchildren>
			</panel>
		</tablechildren>
	</tablelayout>
</zk>

Supported events

Name
Event Type
None None

Supported Children

Tablechildren

Use cases

Version Description Example Location
5.0+    

Version History

Version Date Content
5.x.x x/x/20xx Initialization



Last Update : 2010/05/12

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