PrimeFaces 对话框答案

【问题标题】：PrimeFaces dialogPrimeFaces 对话框
【发布时间】：2016-11-23 12:40:44
【问题描述】：

请帮助我！我尝试显示 primefaces 对话框，但单击按钮后没有显示任何内容。注意到我在我的代码中使用引导程序，我的 IDE 是带有 JSF2.2 的 Eclipse。

<div class="panel-body">
<h:form id="roleform">
    <p:growl id="rolemsgs" showDetail="true" />
<p:dataTable id="basicDT" var="role" value="#{roleBean.listRole}">
    <f:facet name="header">Liste Role</f:facet>
    <p:column headerText="ID">
        <h:outputText value="#{role.idRole}" />
    </p:column>
    <p:column headerText="Nom Role">
        <h:outputText value="#{role.nomRole}" />
    </p:column>
    <p:column style="width:32px;text-align: center">
        <p:commandButton ajax="true" update=":roleform:dialogform:roleDetail" oncomplete="PF(roleDialog).show()" icon="ui-icon-search" title="View">            <f:setPropertyActionListener value="#{role}" target="#{roleBean.selectRole}" />
        </p:commandButton>
    </p:column>
</p:dataTable>

<p:dialog header="Role Info" widgetVar="roleDialog" modal="true" showEffect="fade" hideEffect="fade" resizable="false">
    <h:form id="dialogform">
        <p:outputPanel id="roleDetail" style="text-align:center;">
            <p:panelGrid  columns="2" columnClasses="label,value">
                <f:facet name="header">Infos Role</f:facet>
                <h:outputText value="ID :" />
                <h:outputText value="#{roleBean.selectRole.idRole}" />

                <h:outputText value="Nom Role :" />
                <h:outputText value="#{roleBean.selectRole.nomRole}" />
            </p:panelGrid>
        </p:outputPanel>
    </h:form>
</p:dialog>
</h:form>

【问题讨论】：

嵌套表单从来都不是一个好主意。 w3.org/TR/html5/forms.html#the-form-element

标签： twitter-bootstrap jsf primefaces

【解决方案1】：

尝试用单引号将您的小部件名称括起来

oncomplete="PF('roleDialog').show();"

此外，在调试 jsf 和 primefaces 时，请尝试使用浏览器检查器并检查控制台。通常primefaces相关问题会在那里显示javascript错误。

【讨论】：

首先感谢您的帮助。我已经应用了你的建议，但我忘了告诉你我也使用了与 PF 函数产生冲突的 JQuery。我仍然找不到我这边的解决方案。如果您有任何想法，请帮助我
jquery 应该适用于 primefaces。尝试使用您拥有的 jquery 脚本更新您的帖子。
你好，我还没有亲自写过脚本。我将下拉菜单和其他引导脚本用于下拉菜单
我已经测试了您的代码，除非您的服务器日志和浏览器控制台中存在任何其他错误，否则我的答案应该可以解决。您应该检查是否有并更新您的帖子。

【解决方案2】：

您应该处理按钮并添加引号。 ajax 的默认值为 true，因此您不必声明该属性。

<p:commandButton process="@this" update=":roleform:dialogform:roleDetail" 
oncomplete="PF('roleDialog').show()" icon="ui-icon-search" value="View">
     <f:setPropertyActionListener value="#{role}" target="{roleBean.selectRole}" />
</p:commandButton>

http://www.primefaces.org/showcase/ui/button/commandButton.xhtml

【讨论】：