Nav
Employment/Purpose
A container is used to display navitem
, it should be placed inside a
navbar
.
Example
<navbar orient="vertical" width="200px">
<navitem label="Home" iconSclass="z-icon-home" />
<nav label="Get Started" iconSclass="z-icon-th-list" badgeText="3">
<navitem label="Step One" />
<navitem label="Step Two" />
<navitem label="Step Three" />
</nav>
<navitem label="About" iconSclass="z-icon-flag" />
<navitem label="Contact" iconSclass="z-icon-envelope"/>
</navbar>
Properties
Badge Text
This property set the badge text for the Nav
,it is used to present
more details of Nav
. For example, a Nav
with label “Get Started”
contains three Navitem
components. If we want to let user know how
much items in the Nav
without opening it, we can show the children
numbers of current Nav
by
org.zkoss.zkmax.zul.Nav#setBadgeText(java.lang.String)
API. The code snippets as shown below:
 |
|