17

プライムフェイス 3.5、オムニフェイス 1.6

アイコン付きのボタンのグループがあります。ボタンには、ページで実行するアクションがあります (データ テーブルの新しい行の削除または追加など)。ボタンとまったく同じように見える新しい「何か」を追加したいのですが、外部リンクがあります。この新しいボタンをクリックすると、新しいタブ/ウィンドウを開く必要があります。その目的のために、私は と を使用p:commandButtonしてh:outputLinkいます。

<p:commandButton action="#{bean.do1}" icon= ...>
<p:commandButton action="#{bean.do2}" icon= ...>

<h:outputLink value="#{bean.url}" target="_blank"> 
  <i class="icon-external-link"></i> 
</h:outputLink>

どうすればこれを達成できますか?

4

1 に答える 1

44

  • p:buttonリンクのように機能する を使用します。

    <p:button href="http://www.stackoverflow.com" value="Go to SO" />

  • 空白のターゲットが必要で、Primefaces 3.5.5 から開始する場合は、属性を直接使用する 機会があります。target

    <p:button target="_blank" href="http://www.stackoverflow.com" value="Go to SO" />

  • PF 3.5.5 未満の場合、javascript を実行して空白のターゲットで開くことができます。

    <p:button value="Go to SO" onclick="window.open('http://www.stackoverflow.com')" />

  • 上記の選択肢はすべてJavaScript を使用してブラウザのウィンドウの位置を変更します。ボットが収集可能な HTML リンク要素を生成するには、a h:outputLink(または単純な HTMLa要素) を使用し、Primefaces のクラスを使用してスタイルを設定します。

    <h:outputLink value="http://www.stackoverflow.com"
    styleClass="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only">
    <span class="ui-button-text">Go to SO</span>
</h:outputLink>

以下も参照してください。

于 2013-09-20T12:32:15.777 に答える