Fatal编程技术网
  • jsf/
  • Jsf Primefaces growl在所有页面中都不起作用

Jsf Primefaces growl在所有页面中都不起作用

jsf primefaces

Jsf Primefaces growl在所有页面中都不起作用,jsf,primefaces,Jsf,Primefaces,我的网站有一个通用模板，即xhtml文件，而包含growl <p:growl id="message" showDetail="true" life="3000" /> 但是每当我通过链接访问页面home.xhtmlhttp://localhost:8080/portal/home.xhtml，咆哮开始工作。在所有页面中，我使用update=“：message”更新growl。谁是罪魁祸首 下面是index.xhtml <ui:composition template="/t

我的网站有一个通用模板，即
xhtml文件
，而包含
growl

<p:growl id="message" showDetail="true" life="3000" />
但是每当我通过链接访问页面
home.xhtml
http://localhost:8080/portal/home.xhtml，
咆哮
开始工作。在所有页面中，我使用
update=“：message”
更新
growl
。谁是罪魁祸首

下面是
index.xhtml

<ui:composition template="/template/common/base.xhtml"
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:p="http://primefaces.org/ui">

    <ui:define name="center">

        <h:form>
            <div align="center" style="margin-top: 10%; margin-bottom: 10%;">
                <p:panelGrid columns="2">
                    <f:facet name="header">  
                     #{msg.HEADER}
                    </f:facet>

                    <h:outputLabel for="username" value="#{msg.USERNAME}" />
                    <p:inputText id="username" value="#{client.user.username}"
                        required="true" requiredMessage="#{msg.USERNAME_REQUIRED_MSG}" />

                    <h:outputLabel for="password" value="#{msg.PASSWORD} " />
                    <p:password id="password" value="#{client.user.password}"
                        required="true" requiredMessage="#{msg.PASSWORD_REQUIRED_MSG}" />

                    <f:facet name="footer">
                        <div align="right">
                            <p:commandButton value="#{msg.LOGIN_BUTTON}" icon="ui-icon-check"
                                update=":message" action="#{client.login}" />
                        </div>
                    </f:facet>
                </p:panelGrid>
            </div>
        </h:form>

    </ui:define>
</ui:composition>

<!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:ui="http://java.sun.com/jsf/facelets"
    xmlns:p="http://primefaces.org/ui">

<h:head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>My Web Portal</title>
    <h:outputStylesheet library="css" name="default.css" />
</h:head>

<h:body>

    <p:growl id="message" showDetail="true" life="3000" />

    <h:link outcome="index" style="text-decoration: none;">
        <div id="header" style="margin: 2px; width: 100%; text-align: center;">
            <p:panel>
                <h:outputText value="My Web Portal"
                    style="font-size: 20px; " />
            </p:panel>
        </div>
    </h:link>

    <div id="middle" style="margin: auto; width: 80%;">
        <ui:insert name="center"></ui:insert>
    </div>

    <div id="footer"
        style="clear: both; text-align: center; margin: 2px; width: 100%;">
        <p:panel header="2013 All rights reserved. Designed by Ravi Joshi">
            <h:link value="Home" outcome="index" />
            <p:spacer width="10px;" />
            <h:link value="About Us" outcome="index" />
            <p:spacer width="10px;" />
        </p:panel>
    </div>

</h:body>
</html>
下一页
home.xhtml
也在使用
base.xhtml
，其使用方式与
index.xhtml
相同。。。下面是它的片段-

<ui:composition template="/template/common/base.xhtml"
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:p="http://primefaces.org/ui">

    <ui:define name="center">

    <!--  -->
    <!--  -->
    <!--  -->
    <!--  -->
    <!--  -->
    <!--  -->
    <!--  -->
    <!--  -->
    <!--  -->
    <!--  -->
    <!--  -->
    <!--  -->
    <!--  -->
    <!--  -->


    </ui:define>
</ui:composition>
如果使用UICommand按钮创建了的父级 预先通过ajax请求呈现/更新，然后执行第一个操作 永远都会失败。第二步和后续行动将起作用。这是 由报告为JSF规范的视图状态处理中的错误引起 问题790并在JSF2.2中修复。对于JSF2.0和2.1，您需要 在的呈现中显式指定的ID

巴卢斯说。因此，在您的情况下，您正在导航到另一个页面并陷入视图状态错误，
ajax=false
指示提交按钮时不使用ajax，这就是它工作的原因

巴卢斯克还建议使用一个脚本来修复这个错误

你能分享index.xhtml吗？当然可以。。。让我编辑我的问题…你能为调用index.xhtml中的
{client.login}
方法的commandButton设置属性
ajax=false
吗？我将回答这个问题：）我的问题由[this post][1]解决，这可能对你有帮助。[1]: 
<ui:composition template="/template/common/base.xhtml"
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:p="http://primefaces.org/ui">

    <ui:define name="center">

    <!--  -->
    <!--  -->
    <!--  -->
    <!--  -->
    <!--  -->
    <!--  -->
    <!--  -->
    <!--  -->
    <!--  -->
    <!--  -->
    <!--  -->
    <!--  -->
    <!--  -->
    <!--  -->


    </ui:define>
</ui:composition>