richfaces 4.0.0 rich:popupPanel 未显示

Question

我如何在 richfaces 4 m5 中显示 rich:popupPanel？下一个代码对我不起作用。

<a4j:commandLink value="#{bean.phone}" render="popDiv" execute="@this" >
    <f:setPropertyActionListener target="#{personController.person}" value="#{bean}" />
    <rich:componentControl target="personModalPanel" operation="show" event="onclick" />
</a4j:commandLink>
<rich:popupPanel id="personModalPanel" modal="true" width="200" height="200">
        <f:facet name="header">
            <h:panelGroup>
                <h:outputText value="Edit Person" />
            </h:panelGroup>
        </f:facet>
        <f:facet name="controls">
            <h:panelGroup>
                <h:graphicImage value="/resources/img/x.png" styleClass="hidelink" id="hidelink" >
                    <rich:componentControl target="personModalPanel" operation="hide" event="onclick" />
                </h:graphicImage>
            </h:panelGroup>
        </f:facet>
</rich:popupPanel>

Answer 1

在 Richfaces 4 中，您需要编写不带“on”字样的事件名称。所以给定的代码应该适合你。

<a4j:commandLink value="#{bean.phone}" render="popDiv" execute="@this" >
    <f:setPropertyActionListener target="#{personController.person}" value="#{bean}" />
    <rich:componentControl target="personModalPanel" operation="show" event="click" />
</a4j:commandLink>
<rich:popupPanel id="personModalPanel" modal="true" width="200" height="200">
        <f:facet name="header">
            <h:panelGroup>
                <h:outputText value="Edit Person" />
            </h:panelGroup>
        </f:facet>
        <f:facet name="controls">
            <h:panelGroup>
                <h:graphicImage value="/resources/img/x.png" styleClass="hidelink" id="hidelink" >
                    <rich:componentControl target="personModalPanel" operation="hide" event="onclick" />
                </h:graphicImage>
            </h:panelGroup>
        </f:facet>
</rich:popupPanel>    

Answer 2

这是弹出面板的核心。

       <a4j:commandLink value="Register"
                     onclick="#{rich:component('regWizard')}.show()">                            
    </a4j:commandLink>
    <rich:popupPanel id="regWizard"
                     autosized="true"
                     modal="true"
                     onmaskclick="#{rich:component('regWizard')}.hide()">
        <f:facet name="header">
            <h:outputText value="Registration Wizard" />
        </f:facet>
        <f:facet name="controls">
            <h:outputLink value="#"
                          onclick="#{rich:component('regWizard')}.hide(); return false;">
                X
            </h:outputLink>
        </f:facet>
    </rich:popupPanel>