Primefaces：Ajax Call Inside p：ダイアログが機能しない

Question

Dialogからajaxメソッドを実行しようとしていますが、実行されません。

<p:dialog header="Add Product" widgetVar="addProductDialog" modal="true" height="300" width="700" dynamic="true"> 

    <p:toolbar styleClass="toolBar"> 
     <p:toolbarGroup align="left"> 
     <p:commandButton styleClass="grn_actbttn" value="Cancel" onclick="addProductDialog.hide();" /> 
     </p:toolbarGroup> 
     <p:toolbarGroup align="right"> 
     <p:commandButton styleClass="grn_actbttn" id="addproduct" value="Add Products" actionListener="#{customerProductsBean.saveCustomerProducts}" oncomplete="addProductDialog.hide();" /> 
     </p:toolbarGroup> 
    </p:toolbar> 

</p:dialog> 

Javaコード

/** 
* Method used to save selected Customer Product from Add Product Dialog 
* @param actionEvent 
*/ 
public void saveCustomerProducts(ActionEvent actionEvent) { 

// DB call to save to database 

} 

そのPのようなものです：ダイアログは、AJAX呼び出しをサポートしていませんか？

Answer 1

ダイアログがページ上にレンダリングされた後にフォームから移動されています。これは、クライアントサイドウィジェットがプライムフェイスダイアログのために働く方法の副作用です。

ダイアログにappendToBody="true"属性を追加すると、一般的にこれが解決されます。

これが機能しない場合は、ダイアログボックスがフォームに囲まれていないことを確認してください。内にダイアログボックスを配置してください。