This tag behaves like a command button in a form. This tag can also be used for the event handling purposes through the backing bean. This tag has a value attribute that can be assigned to some text which carries to the next resource when we click on the
This tag behaves like a command button in a form. This tag can also be used for the event handling purposes through the backing bean. This tag has a value attribute that can be assigned to some text which carries to the next resource when we click on theThis tag
behaves like a command button in a form. This tag can also be used for the event handling purposes through the backing bean. This tag
has a value attribute that can be assigned to some text which carries to
the next resource when we click on the text. We
can associate the component with the property of the backing bean
and any method can be called on any particular event on the link.
Code Description :
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%> <%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%> <%@ taglib uri="http://myfaces.apache.org/tomahawk" prefix="t"%> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>t:commandLink example</title> <style type="text/css"> <!-- body{ background-color:#fff2f2; margin-top:30; } --> </style> </head> <body ><center> <f:view> <h:form id="form1" > <t:outputLabel id="emailIdLabel" value="Enter Email ID :" style="font-size:18px"/> <t:inputText id="emailId" required="true"/><h:message for="emailId" style="font-style:Italic; color:green"/></br> <t:commandLink id="cmdLink" value="Send me source code." style="font-weight:bold; color:green" action="welcome" /> </h:form> </f:view> </center></body> </html> |
Rendered Output :
Html Source Code :
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>t:commandLink example</title> <style type="text/css"> <!-- body{ background-color:#fff2f2; margin-top:30; } --> </style> </head> <body ><center> <form id="form1" name="form1" method="post" action="/tomahawk_tags/pages/commandLink.jsf" enctype="application/x-www-form-urlencoded"> <label id="form1:emailIdLabel" style="font-size:18px"> Enter Email ID :</label> <input id="form1:emailId" name="form1:emailId" type="text" value="" /></br> <script type="text/javascript"><!-- function oamSetHiddenInput(formname, name, value) { var form = document.forms[formname]; if(typeof form.elements[name]=='undefined'){ var newInput = document.createElement('input'); newInput.setAttribute('type','hidden'); newInput.setAttribute('name',name); newInput.setAttribute('value',value); form.appendChild(newInput); } else{ form.elements[name].value=value; } } function oamClearHiddenInput(formname, name, value){ var form = document.forms[formname]; if(typeof form.elements[name]!='undefined'){ form.elements[name].value=null; } } function oamSubmitForm(formName, linkId, target, params){ var clearFn = 'clearFormHiddenParams_'+ formName.replace(/-/g, '\$:').replace(/:/g,'_'); if(typeof eval('window.'+clearFn)!='undefined'){ eval('window.'+clearFn+'(formName)'); } var oldTarget = ''; if((typeof target!='undefined') && target != null){ oldTarget=document.forms[formName].target; document.forms[formName].target=target; } if((typeof params!='undefined') && params != null){ for(var i=0; i<params.length; i++){ oamSetHiddenInput(formName,params[i][0], params[i][1]); } } oamSetHiddenInput(formName,formName +':'+'_idcl',linkId); if(document.forms[formName].onsubmit){ var result=document.forms[formName].onsubmit(); if((typeof result=='undefined')||result){ document.forms[formName].submit(); } } else { document.forms[formName].submit(); } if(oldTarget==null) oldTarget=''; document.forms[formName].target=oldTarget; if((typeof params!='undefined') && params != null){ for(var i=0; i<params.length; i++){ oamClearHiddenInput(formName,params[i][0], params[i][1]); } } oamClearHiddenInput(formName,formName +':'+'_idcl', linkId);return false; } //--></script><a href="#" onclick="return oamSubmitForm('form1','form1:cmdLink');" id="form1:cmdLink" style="font-weight:bold; color:green"> Send me source code.</a> <input type="hidden" name="form1_SUBMIT" value="1" /> <input type="hidden" name="form1:_link_hidden_" /> <input type="hidden" name="form1:_idcl" /> <script type="text/javascript"><!-- function clear_form1(){ clearFormHiddenParams_form1('form1'); } function clearFormHiddenParams_form1(currFormName){ var f = document.forms['form1']; f.elements['form1:_link_hidden_'].value=''; f.elements['form1:_idcl'].value=''; f.target=''; } clearFormHiddenParams_form1(); //--></script><input type="hidden" name="javax.faces.ViewState" id="javax.faces.ViewState" value="rO0ABXVyABNbTGphdmEubGFuZy5PYmplY3Q7kM5YnxBzKWwCAAB4cAAAAANzcgBH b3JnLmFwYWNoZS5teWZhY2VzLmFwcGxpY2F0aW9uLlRyZWVTdHJ1Y3R1cmVNYW5hZ2VyJFR yZWVTdHJ1Y3RDb21wb25lbnRGWRfYnEr2zwIABFsACV9jaGlsZHJlbnQASltMb3JnL2FwYW NoZS9teWZhY2VzL2FwcGxpY2F0aW9uL1RyZWVTdHJ1Y3R1cmVNYW5hZ2VyJFRyZWVTdHJ1Y 3RDb21wb25lbnQ7TAAPX2NvbXBvbmVudENsYXNzdAASTGphdmEvbGFuZy9TdHJpbmc7TAAM X2NvbXBvbmVudElkcQB+AARbAAdfZmFjZXRzdAATW0xqYXZhL2xhbmcvT2JqZWN0O3hwdXI ASltMb3JnLmFwYWNoZS5teWZhY2VzLmFwcGxpY2F0aW9uLlRyZWVTdHJ1Y3R1cmVNYW5hZ2 VyJFRyZWVTdHJ1Y3RDb21wb25lbnQ7uqwnyBGFkKoCAAB4cAAAAAFzcQB+AAJ1cQB+AAcAA AAEc3EAfgACcHQANW9yZy5hcGFjaGUubXlmYWNlcy5jb21wb25lbnQuaHRtbC5leHQuSHRt bE91dHB1dExhYmVsdAAMZW1haWxJZExhYmVscHNxAH4AAnB0ADNvcmcuYXBhY2hlLm15ZmF jZXMuY29tcG9uZW50Lmh0bWwuZXh0Lkh0bWxJbnB1dFRleHR0AAdlbWFpbElkcHNxAH4AAn B0ACZqYXZheC5mYWNlcy5jb21wb25lbnQuaHRtbC5IdG1sTWVzc2FnZXQAB19pZEpzcDBwc 3EAfgACcHQANW9yZy5hcGFjaGUubXlmYWNlcy5jb21wb25lbnQuaHRtbC5leHQuSHRtbENv bW1hbmRMaW5rdAAHY21kTGlua3B0ACNqYXZheC5mYWNlcy5jb21wb25lbnQuaHRtbC5IdG1 sRm9ybXQABWZvcm0xcHQAIGphdmF4LmZhY2VzLmNvbXBvbmVudC5VSVZpZXdSb290cHB1cQ B+AAAAAAADdXEAfgAAAAAABXVxAH4AAAAAAAdwcHBwcHBwc3IAEGphdmEudXRpbC5Mb2Nhb GV++BFgnDD57AIABEkACGhhc2hjb2RlTAAHY291bnRyeXEAfgAETAAIbGFuZ3VhZ2VxAH4A BEwAB3ZhcmlhbnRxAH4ABHhw/////3QAAHQAAmVucQB+AB90AApIVE1MX0JBU0lDdAAWL3B hZ2VzL2NvbW1hbmRMaW5rLmpzcHNyAA5qYXZhLmxhbmcuTG9uZzuL5JDMjyPfAgABSgAFdm FsdWV4cgAQamF2YS5sYW5nLk51bWJlcoaslR0LlOCLAgAAeHAAAAAAAAAAAHBzcgATamF2Y S51dGlsLkFycmF5TGlzdHiB0h2Zx2GdAwABSQAEc2l6ZXhwAAAAAXcEAAAAAXVxAH4AAAAA AAN1cQB+AAAAAAAWdXEAfgAAAAAAB3EAfgAYcHQAEGphdmF4LmZhY2VzLkZvcm1xAH4AGHN yABFqYXZhLnV0aWwuSGFzaE1hcAUH2sHDFmDRAwACRgAKbG9hZEZhY3RvckkACXRocmVzaG 9sZHhwP0AAAAAAAAx3CAAAABAAAAACdAAMZm9yY2VJZEluZGV4c3IAEWphdmEubGFuZy5Cb 29sZWFuzSBygNWc+u4CAAFaAAV2YWx1ZXhwAXQAMmphdmF4LmZhY2VzLndlYmFwcC5VSUNv bXBvbmVudFRhZy5GT1JNRVJfQ0hJTERfSURTc3IAEWphdmEudXRpbC5IYXNoU2V0ukSFlZa 4tzQDAAB4cHcMAAAAED9AAAAAAAAEcQB+ABBxAH4AFnEAfgANcQB+ABN4eHBwcHBwcHBwcH BwcHBwcHBwcHBwcHBwcHNxAH4AJgAAAAR3BAAAAAR1cQB+AAAAAAADdXEAfgAAAAAAA3VxA H4AAAAAABV1cQB+AAAAAAADdXEAfgAAAAAAB3EAfgANcHQAEWphdmF4LmZhY2VzLkxhYmVs dAASZm9ybTE6ZW1haWxJZExhYmVsc3EAfgAsP0AAAAAAAAx3CAAAABAAAAABcQB+AC5xAH4 AMHhwcHB0ABBFbnRlciBFbWFpbCBJRCA6cHBwcHBwcHBwcHBwcHBwcHQADmZvbnQtc2l6ZT oxOHB4cHBwcHBwcHVxAH4AAAAAAAN1cQB+AAAAAAAHdXEAfgAAAAAAG3VxAH4AAAAAAAl1c QB+AAAAAAADdXEAfgAAAAAAB3EAfgAQcHQAF29yZy5hcGFjaGUubXlmYWNlcy5UZXh0dAAN Zm9ybTE6ZW1haWxJZHNxAH4ALD9AAAAAAAAMdwgAAAAQAAAAAXEAfgAucQB+ADB4cHBwcHB zcQB+AC8AcQB+ADBwcQB+ADBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcH BwdXEAfgAAAAAAA3VxAH4AAAAAAA11cQB+AAAAAAAEdXEAfgAAAAAAB3EAfgATcHQAE2phd mF4LmZhY2VzLk1lc3NhZ2V0AA1mb3JtMTpfaWRKc3Awc3EAfgAsP0AAAAAAAAx3CAAAABAA AAABcQB+AC5xAH4AMHhwcHEAfgAQcHBwcHBwcHB0AB5mb250LXN0eWxlOkl0YWxpYzsgY29 sb3I6Z3JlZW5wcHBwcHBwdXEAfgAAAAAAA3VxAH4AAAAAAAh1cQB+AAAAAAAcdXEAfgAAAA AABXVxAH4AAAAAAAdxAH4AFnB0ABdvcmcuYXBhY2hlLm15ZmFjZXMuTGlua3QADWZvcm0xO mNtZExpbmtzcQB+ACw/QAAAAAAADHcIAAAAEAAAAAFxAH4ALnEAfgAweHBwc3IAK2phdmF4 LmZhY2VzLmNvbXBvbmVudC5fQXR0YWNoZWRTdGF0ZVdyYXBwZXJEq+ZAfdNPxAIAAkwABl9 jbGFzc3QAEUxqYXZhL2xhbmcvQ2xhc3M7TAATX3dyYXBwZWRTdGF0ZU9iamVjdHQAEkxqYX ZhL2xhbmcvT2JqZWN0O3hwdnIAP29yZy5hcGFjaGUubXlmYWNlcy5zaGFyZWRfdG9tYWhhd 2suZWwuU2ltcGxlQWN0aW9uTWV0aG9kQmluZGluZwAAAAAAAAAAAAAAeHB0AAd3ZWxjb21l cHB0ABRTZW5kIG1lIHNvdXJjZSBjb2RlLnBwcHBwcHBwcHBwcHBwcHBwcHBwcHQAHWZvbnQ td2VpZ2h0OmJvbGQ7IGNvbG9yOmdyZWVucHBwcHBwcHBwcHBwcHB4eHEAfgAi" /></form> </center><!-- MYFACES JAVASCRIPT --> </body> </html> |
This tag contains attributes given below :
Ads