Idspace"
From Documentation
m ((via JWB)) |
RebeccaLai (talk | contribs) m |
||
Line 8: | Line 8: | ||
= Employment/Purpose = | = Employment/Purpose = | ||
− | <code>Idspace</code> 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 | + | <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 | + | 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. | Notice that it's not recommended to use hflex/vflex in the children of nodom element. |
Revision as of 06:31, 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 |
---|---|---|