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
- Demonstration: Tablelayout
- Java API: Tablelayout
- JavaScript API: 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
<?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
| None | None |
Supported Children
Use cases
| Version | Description | Example Location |
|---|---|---|
| 5.0+ |
Version History
| Version | Date | Content |
|---|---|---|
| 5.x.x | x/x/20xx | Initialization |