dataTable行を選択すると新しいページを開く（新しいサイトに移動する）

Question

SOとelsewhereに関するこのトピックに関するいくつかの関連する質問がありますが、この特定の質問について決定的な回答は見つかりませんでした。

私にはp:dataTableがあります。行をクリックして詳細ページ（新しいページで、ダイアログやウィンドウではない）を開く可能性があります。

私は（：http://web.archive.org/web/20101001223235/http://www.primefaces.org/showcase/ui/datatableRowSelectionInstant.jsf何らかの理由で、それはもはや存在しない、私はprimefacesのWebサイトから持っている）：このようにそれを解決した

：ナビゲーションは、その後、豆に実行され

<p:dataTable var="order" value="#{orderBean.orders}" selection="#{orderBean.selectedOrder}" selectionMode="single" rowKey="#{order.number}"> 
    <p:ajax event="rowSelect" listener="#{orderBean.orderSelect}"/> 
    <p:column ... /> 
</p:dataTable> 

を

public void orderSelect(SelectEvent event) { 
    ConfigurableNavigationHandler nh = (ConfigurableNavigationHandler)FacesContext.getCurrentInstance().getApplication().getNavigationHandler(); 
    nh.performNavigation("orderDetail?faces-redirect=true"); 
} 

私の質問：バッキングビーンの助けを借りずにJSF内でこれを行う方法はありますか？

私はまた、primefacesサイトからexrameleというコードを削除したため、このようなことを行う正しい方法ではない可能性があります。

Answer 1

本当に完璧な解決策が見つからなかったので、これは今私がやる方法です。私が言ったように、

<p:ajax event="rowSelect" listener="#{navigator.nav('orderDetail')}"/> 

本当に完璧ではないが、私は好き：私は「ナビゲーター」クラスこの

@Component 
public class Navigator { 
    public void nav(String page) { 
    UIHelper.navigateTo(page); 
    } 
} 

のように今持っていると私は私のAjaxイベントから、このクラスを呼び出す

実際に私のバッキングBeanにコードを書く必要はありません。 （もちろん、ナビゲータ用のコードを書く必要がありますが、再利用することができます）

Answer 2

これはajaxリクエストであるため、通常、リクエスト/レスポンスはWebページの一部のコンポーネントを再レンダリングするために使用されます。あなたができることは、

<p:ajax event="someventofintrest" onsuccess="javascript:myjsmethod();"></p:ajax> 

and 

<p:remotecommand name="myjsmethod" action="#{mybean.mybeanmethod}" /> 

and in the backing bean 

public String mybeanmethod(){ 
    return "mynewpage"; // Navigate away to mynewpage.xhtml 
} 

HTHです。

Answer 3

シンプルに対象の細胞をラップします<h:link>

<p:column> 
    <h:link outcome="orderDetail"> 
     ... 
    </h:link> 
</p:column> 

必要であれば、それは全体のセルにまたがるようにするには、リンク上のCSS display:block使用してください。必要に応じて、ネストされた<f:param>を使用してリクエストパラメータを渡すことができます。