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...") |
|||
| Line 9: | Line 9: | ||
= Employment/Purpose = | = Employment/Purpose = | ||
<tt>Idspace</tt> 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. | <tt>Idspace</tt> 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. | ||
| + | |||
| + | since 8.0.3 | ||
| + | To group components without render a Div, <tt>Idspace</tt> 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 = | = Example = | ||
Revision as of 10:29, 26 September 2016
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 |
|---|---|---|