PrimeFacesに含まれているページから親ページのイベントをトリガーするにはどうすればよいですか？

Question

私はparent.xhtmlのページを持っています。ここにはchild.xhtmlページが含まれています。 子ページにはボタンがあり、それをクリックすると親ページでリスナー/アクションイベントをトリガーしたいとします（親のBeanからメソッドを実行したいとしましょう）。

編集：他の親/ラッパーでも子ページを再利用できるように、子ページをできるだけ原子単位で作成する必要があります。それは単に親ページになる人が聴くことができるイベントをブロードキャストするだけです。

parent.xhtml：

<ui:include src="/content/childPage.xhtml"></ui:include> 

child.xhtml

<p:commandButton doSomething....> 
</p:commandButton> 

私はあなたのあなたのparent.xhtmlにchild.xhtmlからデータ情報を送信するにはJSF 2、

Answer 1

あなたの2つの「ページ」は、クライアントサイドの1つのhtmlページです。 parent.xhtmlで

<p:commandButton type="button" value="Click me" onclick="$(document).trigger("myevent");" /> 

：

<script> 
    $(document).on("myevent", rc); 
</script> 

<p:remoteCommand name="rc" update="msgs" actionListener="#{parentViewBean.execute}" /> 

だから、あなたはjQueryのイベントがclient.xhtmlで

の取り扱いとPrimeFaces remoteCommandを組み合わせた非常にシンプルな 'イベント' ベースのソリューションを持つことができます

親は、呼び出すアクションを完全かつ簡単に定義することができます。欠点は、親に 'イベント'ハンドラがない場合、ボタンは何もしないように見えるということです。それが問題であれば、それは解決することができます。

変更client.xhtmlへ：

<p:commandButton type="button" value="Click me" onclick="fireEventIfPresent" /> 

<script> 
function fireEventIfPresent() { 
    if($._data(document, "events")['myevent']) { // check if eventhandler is present 
     $(document).trigger("myevent");   
    } else { 
     alert('No event handler in parent page'); 
    } 
} 
</script> 

Answer 2

をPrimeFaces 6を使用していますParentManagedBeanを参照してChildManagedBeanにManagedPropertyを追加する必要があります。

ChildManagedBean.java

@ManagedProperty(value = "#{parentManagedBean}") 
private ParentManagedBean e; 

今child.xhtml

child.xhtmlからこれを見てみましょう

<p:commandButton actionListner="#{childManagedBean.doSomething()}"....> 
</p:commandButton> 

ChildManagedBean.java

public void doSomething(){ 
    Boolean test = Boolean.TRUE; 
    e.methodGetInfof(test); 
} 

それはあなたがあなたのparent.xhtml

parent.xhtml

<ui:include src="/content/childPage.xhtml"> 
    <ui:param name="action" value="executeMethod"/> 
    <ui:param name="bean" value="#{ManagedBean}" /> 
</ui:include> 

にこれを追加し、child.xhtml

child.xhtmlにこれを追加する必要があり、再利用可能なようにするには

<p:commandButton actionListener="#{bean[action]()}"....> 
</p:commandButton> 

あなたを助けた希望。