Question

设定： JSF，PrimeFaces 3.2，Omnifaces 1.1，JBoss AS 7.1.1，Final，Mojarra 2.1.7

我有一个简单的页面（下面列出），我已经设置了omnifaces来处理ajax调用的ViewExpiredExceptions。当下面列出的页面到期并且我点击IE8上的primefaces按钮（ajax）时，过期的错误页面会显示但是出现以下javascript错误：

消息：对象不支持此属性或方法，行：1个字符：5500代码：0 URI：blah blah / mywebapp / javax.faces.resource / primefaces.js.xhtml？ln = primefaces＆amp; v = 3.2

它似乎不会在其他浏览器上产生错误。

我的页面（home.xhtml）：

<ui:composition 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"
    template="/WEB-INF/templates/layout.xhtml"> 
    <ui:define name="body">
        <h:form id="form_search">
            <p:commandButton id="idbtn1"
                actionListener="#{bean.doSomething}"
                value="Do something (ajax)!">
            </p:commandButton>
            <p:commandButton id="idbtn2" ajax="false"
                actionListener="#{bean.doSomething}"
                value="Do something!">
            </p:commandButton>

        </h:form>
    </ui:define>
</ui:composition>

超时错误页面：expired.xhtml

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    template="/WEB-INF/templates/layout.xhtml">
    <ui:define name="body">
    Your session has timed out.
    </ui:define>
</ui:composition>

模板layout.xhtml

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
        xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets">

<f:view contentType="text/html">
    <h:head>
        <f:facet name="first">
            <meta http-equiv="X-UA-Compatible" content="IE=edge" />
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
            <meta http-equiv="Cache-Control" content="no-cache, no-store, must-    revalidate" />
            <meta http-equiv="Pragma" content="no-cache" />
            <meta http-equiv="Expires" content="0" />
        </f:facet>
        <base href="${facesContext.externalContext.requestContextPath}" />
    </h:head>
    <h:body>
        <ui:insert name="body"></ui:insert>
    </h:body>
</f:view>
</html>

Web.xml还包括其他内容：

    <error-page>
        <exception-type>javax.faces.application.ViewExpiredException</exception-type>
        <location>/WEB-INF/errorpages/expired.xhtml</location>
    </error-page>

    <filter>
        <filter-name>facesExceptionFilter</filter-name>
        <filter-class>org.omnifaces.filter.FacesExceptionFilter</filter-class>
    </filter>
    <filter-mapping>
        <filter-name>facesExceptionFilter</filter-name>
        <servlet-name>Faces Servlet</servlet-name>
    </filter-mapping>

当我在到期后点击第二个按钮时，过期的页面显示没有javascript错误。

有什么想法吗？

Answer 1

这是基于IE的浏览器中PrimeFaces update="@all"的已知问题。整个视图已被document.write()取代，但基于IE的浏览器无法正确加载/初始化任何<script>资源。另见PrimeFaces forum topic。这将针对PrimeFaces version 3.4.2解决。

在此之前，您可以使用以下JavaScript

解决此问题

var originalPrimeFacesAjaxResponseFunction = PrimeFaces.ajax.AjaxResponse;
PrimeFaces.ajax.AjaxResponse = function(responseXML) {
   var newViewRoot = $(responseXML.documentElement).find("update[id='javax.faces.ViewRoot']").text();

    if (newViewRoot) {
       $('head').html(newViewRoot.substring(newViewRoot.indexOf("<head>") + 6, newViewRoot.indexOf("</head>")));
       $('body').html(newViewRoot.substring(newViewRoot.indexOf("<body>") + 6, newViewRoot.indexOf("</body>")));
    }
    else {
        originalPrimeFacesAjaxResponseFunction.apply(this, arguments);
    }
};

在 PrimeFaces拥有JS资源之后

需要加载;这可以通过在<h:body>中使用target="head"引用它来完成。

<h:body> <h:outputScript name="script.js" target="head"> ... </h:body>

请注意，这假设当前视图使用的是PrimeFaces组件，而这些组件又会强制自动包含primefaces.js和jquery.js脚本。否则你必须手动声明它们。

对象不支持此属性或方法与primefaces omnifaces超时组合

1 个答案: