Nodom"

From Documentation
m ((via JWB))
m ((via JWB))
 
Line 4: Line 4:
  
 
= Employment/Purpose =
 
= Employment/Purpose =
<tt>Nodom</tt> is a ZK Component but only has server-side Java object and doesn't render any DOM elements and JavaScript widget at the client-side. It only renders comment nodes for positioning. Thus, if you want to control a group of components without unnecessary DOM elements, you can use a <tt><nodom></tt> as the outermost component to group components under a controller (composer/ViewModel) instead of a <tt>Window</tt> or a <tt>Div</tt>.
+
<code>Nodom</code> is a ZK Component but only has server-side Java object and doesn't render any DOM elements and JavaScript widget at the client-side. It only renders comment nodes for positioning. Thus, if you want to control a group of components without unnecessary DOM elements, you can use a <code><nodom></code> as the outermost component to group components under a controller (composer/ViewModel) instead of a <code>Window</code> or a <code>Div</code>.
  
 
== Limitation==  
 
== Limitation==  
<tt><nodom></tt> does not support using <tt>hflex/vflex</tt> in itself and its children component.
+
<code><nodom></code> does not support using <code>hflex/vflex</code> in itself and its children component.
  
 
= Example =
 
= Example =

Latest revision as of 10:38, 12 January 2022

Nodom

  • Demonstration: N/A

Employment/Purpose

Nodom is a ZK Component but only has server-side Java object and doesn't render any DOM elements and JavaScript widget at the client-side. It only renders comment nodes for positioning. Thus, if you want to control a group of components without unnecessary DOM elements, you can use a <nodom> as the outermost component to group components under a controller (composer/ViewModel) instead of a Window or a Div.

Limitation

<nodom> does not support using hflex/vflex in itself and its children component.

Example

ZKComRef Idspace Example.png

<nodom viewModel="@id('vm')@init('foo.MyViewModel')">
	<window border="normal">
		<button id="btn" label="@init(vm.label)" />
	</window>
	<div>
		<button id="btn" label="@init(vm.label)" />
	</div>
</nodom>

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
8.0.3 2016/09/21 Add the new Nodom component
     



Last Update : 2022/01/12

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