jsf ajax渲染不起作用

时间:2013-08-24 13:03:09

标签: ajax primefaces

我想问为什么部分渲染的primefaces不起作用。 POST请求保持发送,但不会重新发送。

<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <title>Facelet Title</title>
    </h:head>
    <h:body>
        <p:messages />
        <h:form>
            <table style="width: 100%">
                <tr>
                    <td><p:outputLabel for="inp1" value="S1" /></td>
                    <td>
                        <p:inputText id="inp1" value="#{form.e.s1}">
                            <p:ajax process="inp1" update="msg1"
                                    event="keyup" />
                        </p:inputText>
                        <p:watermark for="inp1" value="Wpisz S1" />
                        <p:message for="inp1" id="msg1" />
                    </td>
                </tr>
                <tr>

                    <td>Toolbox</td>
                    <td>
                        <p:selectBooleanCheckbox id="inpToolbox" value="#{form.toolbox}">
                            <p:ajax process="inpToolbox" update="toolboxOptions" />
                        </p:selectBooleanCheckbox><br />
                        <p:panel id="toolboxOptions" rendered="#{form.toolbox}">
                            Name: <p:inputText value="#{form.toolboxDescription}" /><br />
                            Number: <p:inputText value="#{form.toolboxNr}" /><br />
                        </p:panel>
                    </td>

                </tr>
            </table>

            <p:commandButton action="#{form.save}" ajax="false"
                             value="Save" />

        </h:form>
    </h:body>
</html>

我不知道,为什么它不起作用。我希望每次更改工具箱值以显示有关工具箱的附加信息

1 个答案:

答案 0 :(得分:2)

如果要更新视图的某些部分,则必须指定实际存在于DOM中的元素的id。但是,您尝试更新的面板并不总是出现在DOM中,只有在form.toolbox评估为true的情况下才会出现。因此,如果它是错误的,则无法更新,因此不会将其添加到视图中。 解决此问题的方法是将面板包装在另一个元素中并更新该元素。这将起作用,因为wrapper-element始终存在。

因此,请尝试以下小组的部分:

<h:panelGroup id="toolboxOptions">
    <p:panel id="toolboxOptionsPanel" rendered="#{form.toolbox}">
    ....
    </p:panel>
</h:panelGroup>

如需进一步说明,请查看以下问题的答案: JSF + PrimeFaces: `update` attribute does not update component