Home Jsf Apache-myfaces-tomahawk Tomahawk navigationMenuItem tag

Related Tutorials


 
 

Share on Google+Share on Google+

Tomahawk navigationMenuItem tag

Advertisement
This tag is used to provide the menu items and sub items. The label for the item is set using itemLabel attribute and the action which is to perform is specified in action attribute.

Tomahawk navigationMenuItem tag

        

This tag is used to provide the menu items and sub items. The label for the item is set using itemLabel attribute and the action which is to perform is specified in action attribute. The icon displayed before the item is set to the icon attribute. Its split attribute is used when we want its sub items. So we have several options to render it differentley.

Code Description : 

<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://myfaces.apache.org/tomahawk" prefix="t"%>
<html>
<body>
<f:view>
<h:form> 
<t:jscookMenu layout="hbr" theme="ThemeIE" > 
<t:navigationMenuItem id="nmi1"
itemLabel="Menu1">
<t:navigationMenuItem id="nmi1_1"
itemLabel="Menu11" action="welcome"
icon="images/round.gif"/>
<t:navigationMenuItem id="nmi1_2"
itemLabel="menu12" action="welcome"
icon="images/round.gif" />
<t:navigationMenuItem id="nmi1_3"
itemLabel="menu13" action="welcome"
icon="images/round.gif" />
<t:navigationMenuItem id="nmi1_4"
itemLabel="menu14"
icon="images/arrow.gif" split="true">
<t:navigationMenuItem id="nmi14_1"
itemLabel="menu141"
action="welcome" icon="images/round.gif" />
<t:navigationMenuItem id="nmi14_2"
itemLabel="menu142"
action="welcome" icon="images/round.gif" />
<t:navigationMenuItem id="nmi14_3"
itemLabel="menu143"
action="welcome" icon="images/round.gif" />
<t:navigationMenuItem id="nmi14_4"
itemLabel="menu144"
action="welcome" icon="images/round.gif" />

</t:navigationMenuItem>
</t:navigationMenuItem>
</t:jscookMenu> 
</h:form>
</f:view>
</body>
</html>

Rendered Output :

Html Source Code :

<html>
<head>
<script type="text/javascript" src="/tomahawk_tags/faces
/myFacesExtensionResource/
org.apache.myfaces.renderkit.html.util.MyFacesResourceLoader/
11862282/
navmenu.jscookmenu.HtmlJSCookMenuRenderer/JSCookMenu.js"><!--
//--></script>
<script type="text/javascript" src="/tomahawk_tags/faces
/myFacesExtensionResource/
org.apache.myfaces.renderkit.html.util.MyFacesResourceLoader/
11862282/
navmenu.jscookmenu.HtmlJSCookMenuRenderer/MyFacesHack.js"><!--
//--></script>
<script type="text/javascript"><!--
var myThemeIEBase='/tomahawk_tags/faces/myFacesExtensionResource/
org.apache.myfaces.renderkit.html.util.MyFacesResourceLoader/
11862282/navmenu.jscookmenu.HtmlJSCookMenuRenderer/ThemeIE/';
//--></script>
<script type="text/javascript" src="/tomahawk_tags/faces
/myFacesExtensionResource/
org.apache.myfaces.renderkit.html.util.MyFacesResourceLoader/
11862282/navmenu.jscookmenu.HtmlJSCookMenuRenderer/
ThemeIE/theme.js"><!--
//--></script>
<link rel="stylesheet" href="/tomahawk_tags/
faces/myFacesExtensionResource/
org.apache.myfaces.renderkit.html.util.MyFacesResourceLoader/
11862282/navmenu.jscookmenu.HtmlJSCookMenuRenderer/
ThemeIE/theme.css" type="text/css" />
</head><body>
<form id="_idJsp0" name="_idJsp0" method="post" 
action="/tomahawk_tags/pages/navigationMenuItem.jsf" 
enctype="application/x-www-form-urlencoded"> 
<script type="text/javascript"><!--
var idJsp0__idJsp1_menu =
[[null, 'Menu1', null, '_idJsp0', null,['<img src="images/round.gif"/>', 
'Menu11', 'idJsp0__idJsp1_menu:A]welcome', '_idJsp0', null],
['<img src="images/round.gif"/>', 'menu12', 'idJsp0__idJsp1_menu:A]welcome'
, '_idJsp0', null],
['<img src="images/round.gif"/>', 'menu13', 'idJsp0__idJsp1_menu:A]welcome',
'_idJsp0', null],
_cmSplit,['<img src="images/arrow.gif"/>', 'menu14', null, '_idJsp0', null,
['<img src="images/round.gif"/>', 'menu141', 'idJsp0__idJsp1_menu:A]welcome'
, '_idJsp0', null],
['<img src="images/round.gif"/>', 'menu142', 'idJsp0__idJsp1_menu:A]welcome',
'_idJsp0', null],
['<img src="images/round.gif"/>', 'menu143', 'idJsp0__idJsp1_menu:A]welcome',
'_idJsp0', null],
['<img src="images/round.gif"/>', 'menu144', 'idJsp0__idJsp1_menu:A]welcome',
'_idJsp0', null]]]];
//--></script><div id="idJsp0__idJsp1_menu"></div>
<script type="text/javascript"><!--
if(window.cmDraw!=undefined) { cmDraw ('idJsp0__idJsp1_menu', 
idJsp0__idJsp1_menu, 'hbr', cmThemeIE, 'ThemeIE');}
//--></script> 
<input type="hidden" name="_idJsp0_SUBMIT" value="1" />
<input type="hidden" name="jscook_action" />
<script type="text/javascript"><!--

function clear__5FidJsp0()
{
clearFormHiddenParams__idJsp0('_idJsp0');
}

function clearFormHiddenParams__idJsp0(currFormName)
{
var f = document.forms['_idJsp0'];
f.elements['jscook_action'].value='';
f.target='';
} 
clearFormHiddenParams__idJsp0();
//--></script><input type="hidden" name="javax.faces.ViewState" 
id="javax.faces.ViewState" value="rO0ABXVyABNbTGphdmEubGFuZy5PYmplY3Q7k
M5YnxBzKWwCAAB4cAAAAANzcgBHb3JnLmFwYWNoZS5teWZhY2VzLmFwcGxpY2F0aW9uLlRy
WVTdHJ1Y3R1cmVNYW5hZ2VyJFRyZWVTdHJ1Y3RDb21wb25lbnRGWRfYnEr2zwIABFsACV9j
aGlsZHJlbnQASltMb3JnL2FwYWNoZS9teWZhY2VzL2FwcGxpY2F0aW9uL1RyZWVTd" />
</form>
<!-- MYFACES JAVASCRIPT -->
</body>
</html>

This tag contains attributes given below :

  • id : This is the value which is used to uniquely identify the component within the closest container like form or subview. The main thing to remember is that its value must be a static value.
  • binding : This attribute is used to specify the property of the backing bean with which this component instance is to be bound.
  • itemDisabled : This is a boolean atttribute. If it is true then  this component will not be saved during state saving.
  • itemDescription : It is used for the description of this item.
  • itemLabel : This attribute specifies the label that will be displayed to the user for this item.
  • itemValue : This attribute specifies the value associated with this component.
  • value : This attribute specifies the current value for the component.
  • rendered : Its default value is true. If  this attribute is set to true then this component is presented in the page to the user. If false, then this component is not rendered.
  • enabledOnUserRole : If the current user has one of the roles listed in the enabledOnUserRole attribute then enabling or disabling of the component is decided on the base of "disabled" attribute. If disabled attribute is set to true then component is disabled otherwise enabled. If the user is not in the above list then the component is rendered disabled.
  • visibleOnUserRole : If the current user has one of the roles listed in the visibleOnUserRole attribute then processing of the component is decided on the base of "rendered" attribute. If the rendered attribute is set to true then component is not rendered otherwise displayed  on the page. On the other hand if the current user is not in the above list then the component is not processed.
  • icon :The icon attribute defines the icon used by this navigation menu item.
  • split : The split attribute expects a boolean value that, when true, indicates that this menu should be split when it is rendered.
  • action : This attribute takes method binding EL expression that specifies which backing bean method is to be invoked when the user submits the form. The outcome of the method calling decides next page to display. This attribute can also take static value that is used to decide the next page to display.
  • actionListener : The actionListener attribute of the commandButton tag is used to assign an action listener method from backing bean that performs the specific operation.
  • target : The target attribute specifies the name of a frame into which the resource retrieved by this hyperlink should be displayed.
  • disabled : Its a boolean attribute. This is used to disable the element to receive focus, when it is set to true. 
  • disabledStyle : To set the CSS style when the component is disabled.
  • disabledStyleClass : To set the CSS class when the component is disabled.
Advertisement

If you enjoyed this post then why not add us on Google+? Add us to your Circles



Liked it!  Share this Tutorial


Follow us on Twitter, or add us on Facebook or Google Plus to keep you updated with the recent trends of Java and other open source platforms.

Posted on: February 26, 2008

Related Tutorials

Discuss: Tomahawk navigationMenuItem tag  

Post your Comment


Your Name (*) :
Your Email :
Subject (*):
Your Comment (*):
  Reload Image
 
 
Comments:0
DMCA.com