JSF 2リンク、commandLinkおよびoutputLinkの例

{空} 2。リンク "結果"パラメータメーター

....//JSF
<h:link value="Login page + Param " outcome="login" >
    <f:param name="username" value="mkyong"/>
</h:link>
//HTML output
<a href="/JavaServerFaces/faces/login.xhtml?username=mkyong">Login page + Param</a>

===  2. JSF h:commandLinkの例

「**  h:commandLink ** 」タグはJSF 1.xからリリースされています。これは、クリックすると送信ボタンのような動作をします。 "**  value ** "属性はアンカーテキストとしてレンダリングされ、 "**  action ** "属性はHTML "**  href ** "属性のターゲットURLとして決定されます。さらに、「h:commandLink」はページに「**  jsf.js ** 」ファイルを含み、生成されたリンクに「onclick」イベントを添付します。例を参照してください:

** 注意**  "**  j__idtx ** "は、JSFによって生成されるランダム値です。

{空} 1。 commandLink

....//JSF
<h:commandLink value="Login page"/>
//HTML output
<script type="text/javascript"
 src="/JavaServerFaces/faces/javax.faces.resource/jsf.js?ln=javax.faces&stage=Development">
</script>

<a href="#"
    onclick="mojarra.jsfcljs(document.getElementById('j__idt6'),
        {'j__idt6:j__idt16':'j__idt6:j__idt16'},'');
    return false">
    Login page
</a>

__P.S HTML出力でアクション値を見つけることさえできません。JSFだけがどこに行くのか知っています。

{空} 3。 commandLinkアクションパラメータ

....//JSF
<h:commandLink action="#{user.goLoginPage}" value="Login page + Param ">
    <f:param name="username" value="mkyong"/>
</h:commandLink>
//HTML output
<script type="text/javascript"
 src="/JavaServerFaces/faces/javax.faces.resource/jsf.js?ln=javax.faces&stage=Development">
</script>

<a href="#"
    onclick="mojarra.jsfcljs(document.getElementById('j__idt6'),
    {'j__idt6:j__idt20':'j__idt6:j__idt20','username':'mkyong'},'');
    return false">
    Login page + Param
</a>

===  3. JSF h:outputLinkの例

JSF 1.xでは "**  h:outputLink ** "タグがリリースされ、タグ本体がアンカーテキストとしてレンダリングされ、 "**  value ** "属性はHTML "**  href ** "属性の値として直接レンダリングされます、例を見てください:

{空} 1。 outputLink

....//JSF
<h:outputLink>Login page</h:outputLink>
//HTML output
<a href="currentpage.xhtml">Login page</a>

{空} 3。 outputLink + "value" + outputText +パラメータ

....//JSF
<h:outputLink value="login.xhtml">
    <h:outputText value="Login page"/>
    <f:param name="username" value="mkyong"/>
</h:outputLink>
//HTML output
<a href="login.xhtml?username=mkyong">Login page</a>

=== 私の考え...

上記の3つのリンクタグのいくつかのレビュー:

.  "**  h:link ** "タグは、リンクを生成するのに便利です.

JSFの「結果」と対話しますが、「アクション」のサポートがないと、動的な結果を生成することが難しくなります。

.  "**  h:commandLink ** "タグはsuck、生成されたJavaScriptは本当に

怖い！このタグを使用することをお勧めします。しかし、 "**  h:link ** "には欠けている "**  action ** "属性がサポートされています。

.  "**  h:outputLink ** "は、リンクを生成するのに便利です.

JSFプログラム自体と対話する必要があります。

最後に、 "**  h:link ** "属性に "**  action ** "属性を追加すれば完璧です。

=== ソースコードをダウンロードする

ダウンロード - リンク://wp-content/uploads/2010/10/JSF-2-link-commandLink-outputLink-Example.zip[JSF-2-link-commandLink-outputLink-Example.zip]（15KB）

===== リファレンス

.  https://javaserverfaces.dev.java.net/nonav/docs/2.0/pdldocs/facelets/h/link.html[JSF

<h:link/> JavaDoc]。 https://javaserverfaces.dev.java.net/nonav/docs/2.0/pdldocs/facelets/h/commandLink.html[JSF

<h:commandLink/> JavaDoc]。 https://javaserverfaces.dev.java.net/nonav/docs/2.0/pdldocs/facelets/h/outputLink.html[JSF

<h:outputLink/> JavaDoc]

link://tag/jsf2/[jsf2]link://タグ/link/[link]