Idspace"
From Documentation
(Created page with "{{ZKComponentReferencePageHeader}} = Idspace = *Demonstration: N/A *Java API: <javadoc>org.zkoss.zul.Idspace</javadoc> *JavaScript API: <javadoc directory="jsdoc">zul.wgt.Idspa...") |
RebeccaLai (talk | contribs) m |
||
| (5 intermediate revisions by 3 users not shown) | |||
| Line 8: | Line 8: | ||
= Employment/Purpose = | = Employment/Purpose = | ||
| − | < | + | <code>Idspace</code> is just like a [[ZK_Component_Reference/Containers/Div|Div]] but implements the [[ZK Developer's Reference/UI Composing/ID Space|ID space]], all descendant components of Idspace (including the Idspace itself) form an independent ID space. Thus, you could use an idspace as the topmost component to group components. This way developers only need to maintain the uniqueness of each subset separately. |
| + | |||
| + | |||
| + | {{versionSince| 8.0.3}} | ||
| + | |||
| + | To group components without rendering a Div, <code>Idspace</code> provides "nodom" mold. It would render no-dom widget in client-side. It only renders comment nodes for positioning. | ||
| + | |||
| + | Notice that it's not recommended to use hflex/vflex in the children of nodom element. | ||
= Example = | = Example = | ||
| Line 27: | Line 34: | ||
=Supported Events= | =Supported Events= | ||
| − | {| | + | {| class='wikitable' | width="100%" |
! <center>Name</center> | ! <center>Name</center> | ||
! <center>Event Type</center> | ! <center>Event Type</center> | ||
| Line 42: | Line 49: | ||
=Use Cases= | =Use Cases= | ||
| − | {| | + | {| class='wikitable' | width="100%" |
! Version !! Description !! Example Location | ! Version !! Description !! Example Location | ||
|- | |- | ||
| Line 53: | Line 60: | ||
{{LastUpdated}} | {{LastUpdated}} | ||
| − | {| | + | {| class='wikitable' | width="100%" |
! Version !! Date !! Content | ! Version !! Date !! Content | ||
|- | |- | ||
Latest revision as of 06:34, 5 February 2024
Idspace
Employment/Purpose
Idspace is just like a Div but implements the ID space, all descendant components of Idspace (including the Idspace itself) form an independent ID space. Thus, you could use an idspace as the topmost component to group components. This way developers only need to maintain the uniqueness of each subset separately.
Since 8.0.3
To group components without rendering a Div, Idspace provides "nodom" mold. It would render no-dom widget in client-side. It only renders comment nodes for positioning.
Notice that it's not recommended to use hflex/vflex in the children of nodom element.
Example
<idspace>
<window border="normal">
<button id="btn" label="button" />
</window>
<div>
<button id="btn" label="button" />
</div>
</idspace>
Supported Events
| None | None |
- Inherited Supported Events: XulElement
Supported Children
*ALL
Use Cases
| Version | Description | Example Location |
|---|---|---|
Version History
| Version | Date | Content |
|---|---|---|