Idspace"

From Documentation
m ((via JWB))
m ((via JWB))
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> 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
 
  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.
+
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.
  
 
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.

Revision as of 10:38, 12 January 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/01/12


Version Date Content
     



Last Update : 2022/01/12

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