在bean方法完成后渲染richfaces popupPanel

Question

我有一个简单的问题，如果我的托管bean出现问题，我想显示一个弹出窗口。bean包含一个可以通过getter/setter方法引发的异常列表。

xhtml看起来像这个

      <rich:panel>
    <h:form>
        <a4j:commandButton value="Compute Mission"
            action="#{missionHandler.generateMissionFeasability}"
            render="popupPanel">
        </a4j:commandButton>
    </h:form>
   </rich:panel>
   <rich:popupPanel id="popupPanel" modal="true" autosized="true"
    resizeable="false" moveable="false" rendered="#{not empty    missionHandler.exceptions}">
    <f:facet name="header">
        <h:outputText value="Exceptions raised during the processing    " />
    </f:facet>
    <f:facet name="controls">
        <h:outputLink value="#"
            onclick="#{rich:component('popupPanel')}.hide();return false;">
        </h:outputLink>
    </f:facet>
    </rich:popupPanel>

正如您所看到的，我有一个命令按钮，它应该调用bean中的generateMission可行性方法。该方法将(除其他外(在异常列表中添加异常。

我想检查列表(如果它是空的或不是(以显示弹出

上面的代码不起作用，因为我认为弹出窗口是在bean中方法结束之前呈现的，而列表在开始时是空的。

Answer 1

使弹出面板在渲染后显示的一种方法是更改

rendered="#{not empty missionHandler.exceptions}"

至

show="#{not empty missionHandler.exceptions}"

Answer 2

代码不起作用，因为第一次渲染视图时，missionHandler.exceptions将为空，这意味着popupPanel永远不会进入浏览器。重新渲染popupPanel的后续请求将失败，因为在DOM中找不到该组件。

对于要进行ajax更新的组件，它必须已经在浏览器的DOM中，这就是ajax的工作方式。因此，解决方案是将弹出面板的内容封装在始终呈现的组件中。

除此之外，即使渲染正确，弹出窗口也只能放在DOM中。实际上，你需要在弹出窗口上调用show()才能显示

然而，为了实现你想要的，一个更好的选择将是

1. 使用javascript有条件地显示弹出窗口。如果满足条件，则会调用show()函数进行弹出操作。否则，将调用一个空的、无所事事的javascript函数。

   <a4j:commandButton value="Compute Mission" action="#missionHandler.generateMissionFeasability}"
       oncomplete="#{not empty missionHandler.exceptions ? #{rich:component('popupPanel')}.show()" : doNothing()}" render="popupPanel">
   </a4j:commandButton>
   

   对于doNothing js:

   <script> function doNothing(){} <script/>
   

2. 将渲染条件从模式面板中删除

编辑：此外，弹出组件上的show属性可以基于与oncomplete属性相同的EL条件