Idspace"
From Documentation
m ((via JWB)) |
m ((via JWB)) |
||
| Line 10: | Line 10: | ||
<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 a idspace as the topmost component to group components. This way developers only need to maintain the uniqueness of each subset separately. | <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 a 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 render a Div, <code>Idspace</code> provides "nodom" mold. It would render no-dom widget in client-side. It only render comment nodes for positioning. | To group components without render a Div, <code>Idspace</code> provides "nodom" mold. It would render no-dom widget in client-side. It only render comment nodes for positioning. | ||
Revision as of 08:18, 8 July 2022
Idspace
Employment/Purpose
Idspace 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 a 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 render a Div, Idspace provides "nodom" mold. It would render no-dom widget in client-side. It only render 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 |
|---|---|---|