在PrimeFaces 5.1上显示OverlayPanel

Question

我尝试显示OverlayPanel，但是当浏览器收到响应时，由于某种原因没有显示。

这是我的源代码：

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.org/ui"
                template="/WEB-INF/template.xhtml">

    <ui:define name="body">
        <h:form id="airForm">

        <p:dataTable value="#{dashboardManagedBean.dashboard}" var="dashboard"
            id="dashboardResult"
            style="width: 900px; margin-top: 10px; font-size: 16px;">
            <f:facet name="header">
                AIR Dashboard
            </f:facet>
            <p:columnGroup id="colGroup" type="header">
                <p:row>
                    <p:column colspan="3" style="font-size:14px;" headerText="" />
                    <p:column colspan="6" style="font-size:14px;"
                        headerText="Static Scan" />
                </p:row>
                <p:row>
                    <p:column headerText="Seal Id" style="font-size:12px" />
                    <p:column colspan="2" headerText="Name" style="font-size:12px" />
                    <p:column headerText="Phase" style="font-size:12px" />
                    <p:column headerText="Last Scan" style="font-size:12px" />
                    <p:column headerText="NVS" style="font-size:12px" />
                    <p:column headerText="Vulnerabilities" style="font-size:12px" />
                    <p:column headerText="ITRC" style="font-size:12px" />
                    <p:column headerText="Target Date" style="font-size:12px" />
                </p:row>
            </p:columnGroup>
            <p:column style="high:5px;font-size:10px;text-align:center;">
                <h:outputText value="#{dashboard.sealiD}" />
            </p:column>
            <p:column colspan="2"
                style="high:5px;font-size:10px;text-align:center;">
                <h:outputText value="#{dashboard.name}" />
            </p:column>
            <p:column style="high:5px;font-size:10px;text-align:center;">
                <h:outputText value="#{dashboard.onBoard}" />
            </p:column>
            <p:column style="high:5px;font-size:10px;text-align:center;">
                <h:outputText value="#{dashboard.lastScan}">
                    <f:convertDateTime pattern="dd-MMM-yy" />
                </h:outputText>
            </p:column>
            <p:column style="high:5px;font-size:10px;text-align:center;">
                <h:outputText value="#{dashboard.nvs}" />
            </p:column>
            <p:column style="high:5px;font-size:10px;text-align:center;">
                <p:commandLink id="numberOfVulnerabilities"
                    update=":airForm:vulnerabilityDetails"
                    oncomplete="PF('dashboardDialog').show('#{component.clientId}')">
                    <h:outputText value="#{dashboard.numberVulnerability}" />
                    <f:setPropertyActionListener value="#{dashboard}"
                        target="#{dashboardManagedBean.selectedDashboard}" />
                </p:commandLink>
            </p:column>
            <p:column style="high:5px;font-size:10px;text-align:center;">
                <h:outputText value="#{dashboard.issueTrackedItrc}" />
            </p:column>
            <p:column style="high:5px;font-size:10px;text-align:center;">
                <h:outputText value="#{dashboard.targetDate}">
                    <f:convertDateTime pattern="dd-MMM-yy" />
                </h:outputText>
            </p:column>
        </p:dataTable>

        <p:overlayPanel widgetVar="dashboardDialog" showEffect="fade"
            hideEffect="fade" dismissable="false" showCloseIcon="true">
            <p:outputPanel id="vulnerabilityDetails" style="text-align:center;">
                <p:panelGrid columns="1" rendered="true">
                    <p:chart type="pie"
                        model="#{dashboardManagedBean.selectedDashboard.vulnerabilities}"
                        style="width:400px;height:300px" />
                </p:panelGrid>
            </p:outputPanel>
        </p:overlayPanel>

    </h:form>


    </ui:define>

</ui:composition>

---

当用户按下命令链接＆＃39; numberOfVulnerabilities＆＃39;

时，想法是显示OverlayPanel

你能帮我理解是什么问题吗？