jsf动态加载的内容不起作用

时间:2015-02-14 09:53:04

标签: jsf primefaces dynamic-content

我试图在按钮的帮助下动态提供一些内容,即没有专用页面。上述内容已正确加载,但无效。

布局如下:

<p:outputPanel style="width: 100%; height: 100%; overflow: auto;" id="contentPanel">
    <c:choose>
        <c:when test="#{empty requestComposition}">
            <ui:insert name="body">Content</ui:insert>
        </c:when>
        <c:otherwise>
            <ui:include src="#{requestComposition}" />
        </c:otherwise>
    </c:choose>
</p:outputPanel>

加载内容的按钮是这样的(在另一个outputPanel内):

    <p:commandButton value="Load Dynamic" update=":contentPanel" actionListener="#{applicationController.processActionButton('/dynamic')}" />

动作监听器是这样的:

public void processActionButton(String target){
    if(target == null || target.isEmpty()){
        return;
    }
    FacesContext context = FacesContext.getCurrentInstance();
    HttpServletRequest req = (HttpServletRequest)context.getExternalContext().getRequest();
    req.setAttribute("requestComposition", "/WEB-INF/templates" + target + ".xhtml");
}

dynamic.xhtml是这样的:

<ui:composition
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
    xmlns:c="http://xmlns.jcp.org/jsp/jstl/core"
    xmlns:f="http://xmlns.jcp.org/jsf/core"
    xmlns:fn="http://xmlns.jcp.org/jsp/jstl/functions"
    xmlns:pt="http://xmlns.jcp.org/jsf/passthrough"
    xmlns:jsf="http://xmlns.jcp.org/jsf"
    xmlns:p="http://primefaces.org/ui"
    xmlns:pe="http://primefaces.org/ui/extensions">
    <p:outputPanel style="width: 100%; padding-top: 20px;">
        <p:outputPanel style="width: 60%; margin: 0 auto;">
            <p:outputPanel style="text-align: center; color: gold; font-weight: bold;">Dynamic</p:outputPanel>
            <p:messages id="messages" />
            <h:form>
                <p:panelGrid columns="2" style="width: 100%;">
                    <p:outputLabel value="Item" for="idItem" />
                    <p:outputPanel style="display: block; padding-right: 10px;" layout="inline">
                        <p:inputText value="#{bean.item}" id="idItem" style="width: 100%;" required="true" />
                    </p:outputPanel>
                </p:panelGrid>
                <p:outputPanel style="text-align: center;">
                    <p:commandButton value="Process" style="margin: 5px;" update=":growl" onclick="PrimeFaces.widgets.widget_#{fn:replace(component.clientId, ':', '_')}.disable()" oncomplete="PrimeFaces.widgets.widget_#{fn:replace(component.clientId, ':', '_')}.enable()" actionListener="#{applicationController.dummyAction}" />
                    <p:commandButton value="Dummy" style="margin: 5px;" update=":growl" actionListener="#{applicationController.dummyAction}" process="@this" />
                </p:outputPanel>
            </h:form>
        </p:outputPanel>
    </p:outputPanel>
</ui:composition>

当单击任何按钮时,表单显然会提交,但不会执行动作侦听器。 当dynamic.xhtml作为页面内容加载时,表单提交,但是动作侦听器仅针对第二个按钮(标记为Dummy)触发,因为进程@this,在这种情况下不再提交表单。我可以通过将onchange添加到输入元素来解决不通过process @ this提交的表单,但是我无法理解为什么它在动态加载时不起作用。

谢谢

1 个答案:

答案 0 :(得分:0)

我必须向BalusC道歉,因为他提出的答案实际上是正确的。我被@PostConstruct欺骗了,它为我执行了不必要的初始化,但关键是要使用@ViewScoped bean。然而,这提出了另一个问题,因为在文档中声明,默认情况下,服务器中最多可存储20个这样的对象,可以配置为不同的值,但如果我理解正确,则意味着第21个连接到服务器将导致重用第一个,因此新连接将访问不适合它的数据,或丢弃它并创建一个新连接,这意味着第一个将丢失其数据?