p: 对话框未显示

Question

我在JSF/Primefaces显示弹出窗口时遇到问题。作为背景，我使用JSF模板来生成我的页面：

内联可以显示数据表，但当我单击按钮显示对话框时，什么也不会发生。我在日志中没有看到任何错误。

<h:body>
    <p:dataTable id="lstUsers" var="u" value="#{userController.userList}" selectionMode="single" 
                 selection="#{userController.selectedUser}" rowKey="#{u.login}" paginator="true" rows="10">
        <p:column headerText="Username">
            <h:outputLabel value="#{u.login}"></h:outputLabel>
        </p:column>
        <p:column headerText="Role" rowspan="2">
            <h:outputLabel value="#{u.role}"></h:outputLabel>
        </p:column>
        <f:facet name="footer">
            <p:commandButton id="bttAdd" type="button" value="Add" update=":contentView:idPanelPop" oncomplete="userDialog.show()" ></p:commandButton>
            <p:commandButton id="bttEdit" value="Edit"></p:commandButton>
            <p:commandButton id="bttRemove" value="Remove"></p:commandButton>
        </f:facet>
    </p:dataTable>
    <p:dialog id='userDialog' header="User Details" widgetVar="userDialog" 
              resizable="false" width="200px" height="200px" showEffect="clip" hideEffect="fold">
        <h:panelGrid  id="idPanelPop" columns="2">
            <h:outputLabel id='dOutUser' value="Username"></h:outputLabel>
            <h:outputLabel id='dOutUserValue' value="#{userController.selectedUser.login}"></h:outputLabel>
            <h:outputLabel id='dOutRole' value="Role"></h:outputLabel>
            <h:outputLabel id='dOutRoleValue' value="#{userController.selectedUser.role}"></h:outputLabel>
        </h:panelGrid>
    </p:dialog>
</h:body>

上述代码用作的一部分

<ui:composition template="./maintemplate.xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:p="http://primefaces.org/ui"
                xmlns:ui="http://java.sun.com/jsf/facelets">
    <ui:define id="contentViewIndex" name="content">
        <ui:include src="#{navigationController.currentPage}"></ui:include>
    </ui:define>
</ui:composition>

我的模板页面包含以下内容：

        <p:layoutUnit position="center">
                <h:form id="contentView">
                    <ui:insert name="content">
                            Default Content
                    </ui:insert>
                </h:form>    
        </p:layoutUnit> 

navigationController.current值会随着单击菜单在页面之间导航而更改。我正在关注官方的PrimeFaces展示PrimeFace数据表

我目前的设置是Netbeans 7.3 RC1/Apache 7.0.34.0/Mojarra 2.1.13

如果有人能给我指明正确的方向来解决这个问题，我会很感激的：）

编辑：考虑到内联的答案后，什么都不起作用。也许我应该先检查一下brower控制台，在这种情况下，这很奇怪，因为它抱怨它不识别widgedVar。我已经尝试将对话框放在表单外部，结果是相同的错误。：/

Answer 1

您的bttAdd按钮是普通按钮（您使用type="button"属性显式设置它）。这意味着它只需要执行一些JavaScript，而不需要任何AJAX请求。要执行AJAX请求并更新您的面板，请删除type="button"并尝试。

Answer 2

我会改变两件事（第一件可能不重要）：

1. 添加两个窗体：一个在内部有数据表，另一个在对话框中
2. 将widgetVar="userDialog"更改为独特的内容。widgetVar="userDialogWidget"

Answer 3

发现问题。。。

经过大量的测试和挖掘，并考虑到之前的答案。问题有两个：

第一。对角线的高度和宽度不能有px。

第二。根据之前的回答，它必须在外部在这里解释。

p:对话框的大小不能有px。