Nodom"

From Documentation
m ((via JWB))
 
(2 intermediate revisions by the same user not shown)
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, you can use a <tt><nodom></tt> as the outermost component to group components under a controller (composer/ViewModel).
+
<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 =
Line 26: Line 26:
 
=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 40: Line 40:
 
=Use Cases=
 
=Use Cases=
  
{| border='1px' | width="100%"
+
{| class='wikitable' | width="100%"
 
! Version !! Description !! Example Location
 
! Version !! Description !! Example Location
 
|-
 
|-
Line 51: Line 51:
 
{{LastUpdated}}
 
{{LastUpdated}}
  
{| border='1px' | width="100%"
+
{| class='wikitable' | width="100%"
 
! Version !! Date !! Content
 
! Version !! Date !! Content
 
|-
 
|-

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.