Nodom"

From Documentation
m ((via JWB))
 
(6 intermediate revisions by the same user not shown)
Line 4: Line 4:
  
 
= Employment/Purpose =
 
= Employment/Purpose =
<tt>Nodom</tt> is a ZK Component but render no-dom widget in client-side. It only render comment nodes for positioning. Thus, you could use a nodom as the topmost component to group components.
+
<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>.
  
Notice that nodom element does not support using hflex/vflex in itself and its children component.
+
== Limitation==
 +
<code><nodom></code> does not support using <code>hflex/vflex</code> in itself and its children component.
  
 
= Example =
 
= Example =
Line 13: Line 14:
  
 
<source lang="xml" >
 
<source lang="xml" >
<nodom>
+
<nodom viewModel="@id('vm')@init('foo.MyViewModel')">
 
<window border="normal">
 
<window border="normal">
<button id="btn" label="button" />
+
<button id="btn" label="@init(vm.label)" />
 
</window>
 
</window>
 
<div>
 
<div>
<button id="btn" label="button" />
+
<button id="btn" label="@init(vm.label)" />
 
</div>
 
</div>
 
</nodom>
 
</nodom>
Line 25: 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 39: Line 40:
 
=Use Cases=
 
=Use Cases=
  
{| border='1px' | width="100%"
+
{| class='wikitable' | width="100%"
 
! Version !! Description !! Example Location
 
! Version !! Description !! Example Location
 
|-
 
|-
Line 50: 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.