Tablelayout"
From Documentation
m ((via JWB)) |
|||
(8 intermediate revisions by 6 users not shown) | |||
Line 7: | Line 7: | ||
*JavaScript API: <javadoc directory="jsdoc">zkmax.layout.Tablelayout</javadoc> | *JavaScript API: <javadoc directory="jsdoc">zkmax.layout.Tablelayout</javadoc> | ||
*Style Guide: [[ZK_Style_Guide/XUL_Component_Specification/Tablelayout | TableLayout]] | *Style Guide: [[ZK_Style_Guide/XUL_Component_Specification/Tablelayout | TableLayout]] | ||
+ | *{{ZK EE}} | ||
= Employment/Purpose = | = Employment/Purpose = | ||
− | Tablelayout | + | Tablelayout lays out a container as an HTML table in which the columns can be specified, and rowspan and colspan of its child can also be specified to create complex layouts within the table. |
= Example = | = Example = | ||
Line 41: | Line 42: | ||
</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 58: | Line 84: | ||
*[[ZK_Component_Reference/Layouts/Tablelayout/TableChildren | Tablechildren]] | *[[ZK_Component_Reference/Layouts/Tablelayout/TableChildren | Tablechildren]] | ||
− | =Use | + | =Use Cases= |
− | {| | + | {| class='wikitable' | width="100%" |
! Version !! Description !! Example Location | ! Version !! Description !! Example Location | ||
|- | |- | ||
Line 71: | Line 97: | ||
{{LastUpdated}} | {{LastUpdated}} | ||
− | {| | + | {| class='wikitable' | width="100%" |
! Version !! Date !! Content | ! Version !! Date !! Content | ||
|- | |- |
Revision as of 13:13, 7 January 2022
Tablelayout
- Demonstration: Tablelayout
- Java API: Tablelayout
- JavaScript API: Tablelayout
- Style Guide: TableLayout
- Available for ZK:
Employment/Purpose
Tablelayout lays out a container as an HTML table in which the columns can be specified, and rowspan and colspan of its child can also be specified to create complex layouts within the table.
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
* Tablechildren
Use Cases
Version | Description | Example Location |
---|---|---|
Version History
Version | Date | Content |
---|---|---|