📄 命令类标签.htm
字号:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>命令类标签包括commandButton与commandLink</title>
</head>
<body>
<div id="PageContent">
命令类标签<table cellSpacing="0" cellPadding="0" width="100%" border="0" id="table3">
<tr>
<td class="pagebody" vAlign="top">
<table style="clear: both" cellSpacing="0" cellPadding="0" width="100%" border="0" id="table4">
<tr>
<td class="pagecontent" vAlign="top" width="100%">
<div class="wiki-content">
命令类标签包括commandButton与commandLink，其主要作用在于提供一个命令按钮或连结，以下举例说明：<h3>
commandButton</h3>
<p> 显示一个命令按钮，即输出<input> HTML卷标，其type属性可以设定为button、submit或reset，预设是submit，按下按钮会触发
javax.faces.event.ActionEvent，使用例子如下：</p>
<div class="code" style="border-style: solid">
<div class="codeContent">
<pre class="code-java"><h:commandButton value=<span class="code-quote">"送出"</span> action=<span class="code-quote">"#{user.verify}"</span>/></pre>
</div>
</div>
<p>
您可以设定image属性，指定图片的URL，设定了image属性的话，<input>卷标的type属性会被设定为image，例如：</p>
<div class="code" style="border-style: solid">
<div class="codeContent">
<pre class="code-java"><h:commandButton value=<span class="code-quote">"#{msgs.commandText}"</span>
image=<span class="code-quote">"images/logowiki.jpg"</span>
action=<span class="code-quote">"#{user.verify}"</span>/></pre>
</div>
</div>
<h3>commandLink</h3>
<p> 产生超级链接，会输出<a> HTML卷标，而href属性会有'#'，而onclick属性会含有一段JavaScript程序，这个JavaScript的目的是按下连结后自动提交窗体，具体来说其作用就像按钮，但外观却是超级链接，包括在本体部份的内容都会成为超级链接的一部份，一个使用的例子如下：</p>
<div class="code" style="border-style: solid">
<div class="codeContent">
<pre class="code-java"><h:commandLink value=<span class="code-quote">"#{msgs.commandText}"</span>
action=<span class="code-quote">"#{user.verify}"</span>/></pre>
</div>
</div>
<p> 产生的HTML输出范例如下：</p>
<div class="code" style="border-style: solid">
<div class="codeContent">
<pre class="code-java"><a href=<span class="code-quote">"#"</span> onclick=<span class="code-quote">"document.forms['_id3']['_id3:_idcl'].value='_id3:_id13'; document.forms['_id3'].submit(); <span class="code-keyword">return</span> <span class="code-keyword">false</span>;"</span>>Submit</a></pre>
</div>
</div>
<p> 如果搭配<f:param>来使用，则所设定的参数会被当作请求参数一并送出，例如：</p>
<div class="code" style="border-style: solid">
<div class="codeContent">
<pre class="code-java"><h:commandLink>
<h:outputText value=<span class="code-quote">"welcome"</span>/>
<f:param name=<span class="code-quote">"locale"</span> value=<span class="code-quote">"zh_TW"</span>/>
</h:commandLink></pre>
</div>
</div>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -