Idspace"
From Documentation
m ((via JWB)) |
RebeccaLai (talk | contribs) m |
||
| (2 intermediate revisions by 2 users not shown) | |||
| 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. |
| − | + | ||
| − | To group components without | + | {{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. | Notice that it's not recommended to use hflex/vflex in the children of nodom element. | ||
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 |
|---|---|---|