Nodom"
From Documentation
m ((via JWB)) |
|||
(7 intermediate revisions by 2 users not shown) | |||
Line 4: | Line 4: | ||
= Employment/Purpose = | = Employment/Purpose = | ||
− | < | + | <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== | |
+ | <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 id="btn" label="@init(vm.label)" /> |
</window> | </window> | ||
<div> | <div> | ||
− | <button id="btn" label=" | + | <button id="btn" label="@init(vm.label)" /> |
</div> | </div> | ||
</nodom> | </nodom> | ||
Line 25: | Line 26: | ||
=Supported Events= | =Supported Events= | ||
− | {| | + | {| 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= | ||
− | {| | + | {| class='wikitable' | width="100%" |
! Version !! Description !! Example Location | ! Version !! Description !! Example Location | ||
|- | |- | ||
Line 50: | Line 51: | ||
{{LastUpdated}} | {{LastUpdated}} | ||
− | {| | + | {| 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
<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
None | None |
Supported Children
*ALL
Use Cases
Version | Description | Example Location |
---|---|---|
Version History
Version | Date | Content |
---|---|---|
8.0.3 | 2016/09/21 | Add the new Nodom component |