1

我有一个简单的问题，如果我的托管 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 中调用 generateMissionFeasibility 方法。该方法将（除其他外）在异常列表中添加异常。

我想检查列表（是否为空）以显示弹出窗口

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

4

2 回答 2

3

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

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

到

show="#{not empty missionHandler.exceptions}"
于 2013-02-24T23:13:27.477 回答
1

代码不起作用，因为第一次要渲染视图时，missionHandler.exceptions它将是空的，这意味着popupPanel永远不会进入浏览器。对 reRender 的后续请求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 条件

于 2013-02-24T21:52:12.603 回答