Question

我有版面6.0，我遇到了这个对话框没有显示的问题。

这是按钮。

<p:commandButton id="newRequestButton"
                 class="btn btn-lg btn-primary" 
                 value="New Request"
                 update=":newRequestForm: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">
    <h:form id='newRequestForm'>
        <h:panelGrid id="newRequestDialog" columns="1" cellpadding="4"        
                     class="modal-content">

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

问题是什么？我已经遵循了几个答案，例如this和this无效。

编辑：应该dialogs确切地放在forms和commandButtons激活它们的位置？

Answer 1

你需要在h：form标签中放入commandButton和对话框，其id属性如＆＃34; form＆＃34;然后在commandButton的update属性中，首先写＆＃34; form＆＃34;（h：包含按钮和对话框的形式的id属性的值）。尝试下面的代码：

<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>

Answer 2

问题在于我包含了bootstrap jquery和由primefaces捆绑的jquery。禁用引导程序jquery有效。

按钮点击时不显示primefaces对话框

2 个答案: