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.
  
  since 8.0.3
+
  {{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

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 : 2022/07/08


Version Date Content
     



Last Update : 2022/07/08

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