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...")
 
m
 
(5 intermediate revisions by 3 users not shown)
Line 8: Line 8:
  
 
= 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.
+
<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=
  
{| border="1" | width="100%"
+
{| 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=
  
{| border='1px' | width="100%"
+
{| class='wikitable' | width="100%"
 
! Version !! Description !! Example Location
 
! Version !! Description !! Example Location
 
|-
 
|-
Line 53: Line 60:
 
{{LastUpdated}}
 
{{LastUpdated}}
  
{| border='1px' | width="100%"
+
{| 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

ZKComRef Idspace Example.png

<idspace>
	<window border="normal">
		<button id="btn" label="button" />
	</window>
	<div>
		<button id="btn" label="button" />
	</div>
</idspace>

Supported Events

Name
Event Type
None None

Supported Children

*ALL

Use Cases

Version Description Example Location
 

Version History

Last Update : 2024/02/05


Version Date Content
     



Last Update : 2024/02/05

Copyright © Potix Corporation. This article is licensed under GNU Free Documentation License.