プライムフェイスダイアログがボタンクリックで表示されない

-1

私はプライムフェイスバージョン6.0を持っており、この問題は表示されません。プライムフェイスダイアログがボタンクリックで表示されない

これはボタンです。

<p:commandButton id="newRequestButton" 
       class="btn btn-lg btn-primary" 
       value="New Request" 
       update=":newRequestForm:newRequestDialog" 
       oncomplete="PF('newRequest').show()" />

は、これが問題になることWhatcouldダイアログ

<p:dialog header="Request Definitions" widgetVar="newRequest" 
        resizable="true" width="600" showEffect="explode" 
        hideEffect="explode" modal="true" height="300" 
        class="modal-dialog"> 
    <h:form id='newRequestForm'> 
     <h:panelGrid id="newRequestDialog" columns="1" cellpadding="4"   
        class="modal-content"> 

     </h:panelGrid> 
    </h:form> 
</p:dialog>

です。私は、このthisとthisのようないくつかの答えに従わなかった。

EDIT：正確dialogsがformsし、それらを活性化commandButtonsに関してに配置されるようになっていますか？

出典

2017-01-24 Obby

ログ記録では何を調査しましたか？ブラウザコンソール？ダイアログコンテンツを更新してから、ダイアログを更新する代わりに表示しましたか？ – Kukeltje

@Kukeltjeあなたが見ることができるように、ダイアログの内容を持っている 'h：panelGrid'を更新しています – Obby

申し訳ありませんが、間違っていることは... :-(フォームはモーダルで、 'appendTo 'を参照してください（PFドキュメントを参照してください）。commandButtonに関連する位置は実際には関係ありません。コマンドボタンがまったく動作しないためにサーバーへの呼び出しが行われない限り、これがうまくいかない理由はありません。 – Kukeltje

-1

問題は、私は、ブートストラップjQueryとprimefacesで束ねjqueryの両方が含まれていたことでした。ブートストラップjqueryを無効にすることができました。

出典

2017-01-25 12:36:41 Obby

次にJSコンソールでエラーが発生した可能性があります...次回は[mcve]を作成してください...問題の原因となったものは何も表示されませんでした。 – Kukeltje

"form"のようなid属性を持つh：formタグにcommandButtonとdialogを入れてから、commandButtonのupdate属性に、最初に "form"（hのid属性の値：buttonとダイアログ）。以下のコードを試してみてください。

<html xmlns="http://www.w3.org/1999/xhtml" 
     xmlns:h="http://java.sun.com/jsf/html" 
     xmlns:p="http://primefaces.org/ui" 
    <h:head> 
    </h:head> 
    <h:body> 
    <h:form id="form"> 

     <p:commandButton id="newRequestButton" 
       class="btn btn-lg btn-primary" 
       value="New Request" 
       update=":form:newRequestDialog" 
       oncomplete="PF('newRequest').show()" /> 

     <p:dialog header="Request Definitions" widgetVar="newRequest" 
        resizable="true" width="600" showEffect="explode" 
        hideEffect="explode" modal="true" height="300" 
        class="modal-dialog"> 

     <p:outputPanel id="newRequestDialog" style="text-align:center;"> 

     <p:panelGrid columns="1" class="modal-content"> 

     </p:panelGrid> 

     </p:outputPanel> 

     </p:dialog> 

     </h:form> 
</h:body> 
</html>

出典

2017-01-24 13:30:55 ArgaPK

私の共同deは実際には似ていますが、フォームはネストされていません。しかし、これはまだ動作しません。私はクロムを使っています。開発者のオプションをオンにして、コンソールで、私はクリックしたときにエラーメッセージもメッセージも表示されません。 – Obby

よく上のコードはprimefaces 5.0 – ArgaPK

でうまくいきました。上記の編集済みのコードを試してください。入れ子になっていないフォームもありません。また、commandButtonをクリックするとダイアログも開きます。 – ArgaPK

プライムフェイスダイアログがボタンクリックで表示されない

答えて

関連する問題