2

我非常失望。我仍在寻找一个错误的原因，这是我在更改页面的模板布局后得到的。我将 Primefaces 3.4.2 与 Tomcat 7.0.32 和 JSF 2.1.13 库一起使用。

这个错误是什么？：

在 Opera、FF 和 Chrome 中：

所有元素都已完全加载并显示。

但是，如果您选择或调用菜单项（定义的非 ajax），则页面会按预期重新加载。但什么也没有发生。如果您第二次调用该按钮，它将被调用。并且内容部分发生了变化。

如果您选择数据表或类似的行，则页面运行非常流畅。您无需再次尝试更改内容部分。

在 IE6+ 尤其是 IE9 中：

在大多数情况下，页面被加载并且 IE9 显示所有元素。但是没有可以调用的悬停或 ajax 事件。页面似乎被冻结了。

您是否重新加载页面，它按预期工作。快速流畅。

我做了什么来调试

我开始寻找它的原因。我查看了每个浏览器的控制台。非 IE 浏览器没有给出任何提示。在大多数情况下，这个方向没有错误。

如果您开始一个新的会话并且您是第一次加载页面，IE 会显示以下错误。

IE 控制台

重新加载后错误消失。

tomcat 也不例外。

我对我的布局做了什么：

我使用 JQuery ThemeRoller 创建了一个自定义主题并将其实现为链接。注意：如果您使用默认主题，该错误仍然存​​在

我决定删除<p:menu>左侧的 a 并将其移动到标题中。注意：我将所有更改为默认值，错误仍然存​​在。

我删除了所有<p:panelgrid>元素并将其切换为 simple <table>s 注意：但我认为这不是导致错误的原因。

我需要添加和修复 IE 浏览器中 z-index 的已知问题。您可以在脚本部分看到它layout.xhtml- 没有它，菜单栏位于内容部分元素的背景中。注意：我删除了它，没有任何反应，错误仍然存​​在。

我删除了所有缓存。但什么都没有。我希望有人可以帮助我或找出我做的错误。

[源文件]

我的模板布局文件 =layout.xhtml

<?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:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">
    <f:view contentType="text/html">
        <h:head>
            <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
            <meta http-equiv="refresh" content="#{session.maxInactiveInterval};url=#{request.contextPath}" />
            <f:event listener="#{loginController.verifyUseLogin()}" type="preRenderView" />

            <link type="text/css" rel="stylesheet" href="#{request.contextPath}/faces/resources/primefaces-fes/theme.css"/>
            <link type="text/css" rel="stylesheet" href="#{request.contextPath}/faces/resources/css/app.css"/>


            <title>Willkommen im FLOW / Fast Lean Overhead Workflow - Dies ist ein PROTOTYP</title>
            <script type="text/javascript">

                PrimeFaces.locales['de'] = {
                    closeText: 'Schließen',
                    prevText: 'Zurück',
                    nextText: 'Weiter',
                    monthNames: ['Januar', 'Februar', 'März', 'April', 'Mai', 'Juni', 'Juli', 'August', 'September', 'Oktober', 'November', 'Dezember'],
                    monthNamesShort: ['Jan', 'Feb', 'Mär', 'Apr', 'Mai', 'Jun', 'Jul', 'Aug', 'Sep', 'Okt', 'Nov', 'Dez'],
                    dayNames: ['Sonntag', 'Montag', 'Dienstag', 'Mittwoch', 'Donnerstag', 'Freitag', 'Samstag'],
                    dayNamesShort: ['Son', 'Mon', 'Die', 'Mit', 'Don', 'Fre', 'Sam'],
                    dayNamesMin: ['S', 'M', 'D', 'M ', 'D', 'F ', 'S'],
                    weekHeader: 'Woche',
                    firstDay: 1,
                    isRTL: false,
                    showMonthAfterYear: false,
                    yearSuffix: '',
                    timeOnlyTitle: 'Nur Zeit',
                    timeText: 'Zeit',
                    hourText: 'Stunde',
                    minuteText: 'Minute',
                    secondText: 'Sekunde',
                    currentText: 'Aktuelles Datum',
                    ampm: false,
                    month: 'Monat',
                    week: 'Woche',
                    day: 'Tag',
                    allDayText: 'Ganzer Tag'
                };

                //needed to get the Submenu in menubar to the front (z-index bug)
                $(function() {
                        var zIndexNumber = 1000;
                        // Put your target element(s) in the selector below!
                        $("div").each(function() {
                                $(this).css('zIndex', zIndexNumber);
                                zIndexNumber -= 10;
                        });
                 });

            </script>            
        </h:head>
        <h:body>
            <div id="outerWrapper">

                <table id="contentWrapper">
                    <tr>
                        <td id ="header">
                            <ui:insert name="header"/>
                        </td>
                    </tr>
                    <tr>
                    <td id="content">
                        <ui:insert name="content"/>
                    </td>
                    </tr>
                </table>
            </div>
        </h:body>
    </f:view>
</html>

这app.xhtml

<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<ui:composition template="./layout/layout.xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets">

    <ui:define name="header">
        <ui:include src="./misc/menuheader.xhtml"/>
    </ui:define>

    <ui:define name="content">
        <ui:include src="#{appController.content}.xhtml" />
    </ui:define>

</ui:composition>

@ManagedBean - @SessionScopedBean的导航方法：

public void doNav(){

    FacesContext context = FacesContext.getCurrentInstance();
    String selectedPageViewId =
    context.getExternalContext().getRequestParameterMap().get("pageViewID");

    if (selectedPageViewId.equalsIgnoreCase("page1"))
    {
    content = "/app/includes/hldyplanning";
    message = "Urlaub eintragen";
    ELContext elContext = FacesContext.getCurrentInstance().getELContext();
    hplC = (HldyPlanningController) FacesContext.getCurrentInstance().getApplication()
                    .getELResolver().getValue(elContext, null, "hldyPlanningController");
    hplC.init();
    }
    else if (selectedPageViewId.equalsIgnoreCase("page2"))
    {
    message = "persönliche Übersicht";
    content = "/app/includes/persview";
    } [...]        
    else { context.addMessage(null, new FacesMessage(FacesMessage.SEVERITY_INFO, "Seite nicht gefunden.", "Wie sind Sie hier hingekommen?")); }
}

<?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:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui"
      xmlns:c="http://java.sun.com/jsp/jstl/core">

    <h:form id="frm_plan">
        <p:messages id="messages" autoUpdate="false" closable="true"/>
        [...]
    </h:form>
</html>

标题：

<?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:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:p="http://primefaces.org/ui">
    <h:form id="frm_menu">
        <table class="steamlessBody" style="width:100%;">
            <tr>
                <td class="header_boxes" style="width: 200px;">
                    #{appController.message}
                </td>
                <td class="header_boxes" style="width: 650px;">
                    <p:menubar autoDisplay="true" style="font-size: 14px; border: none; background: none;">
                        <p:submenu id="sub1" icon="ui-icon-calendar" label="Urlaubsplanung">
                            <p:menuitem id="btn_page1" ajax="false" icon="ui-icon-plusthick" value="Urlaub eintragen" action="#{appController.doNav()}">
                                <f:param id="pageHLDYPLANNING" name="pageViewID" value="page1"/>
                            </p:menuitem>
                            [...]
                        </p:submenu>
                        [...]
                        <p:menuitem id="btn_logout" ajax="false" icon="ui-icon-circle-close" value="Ausloggen" action="#{appController.logout()}"/>
                    </p:menubar>
                </td>
                <td class="head_text">
                    Eingeloggt als #{loginController.sessionData.user_name}
                </td>
            </tr>
        </table>
        <p:dialog widgetVar="help" id="dlg_help" closable="true" header="Hilfe" modal="true" showEffect="clip" hideEffect="clip">

        </p:dialog>
    </h:form>
</html>
4

2 回答 2

3

我今天有一个类似的问题。问题原来是指向有问题的页面的链接。

我有类似这样的代码：

<p:commandLink action="badPage.jsf" id="btnBadPage" 
    value="Bad Page" actionListener="#{myBean.someAction}" />

当我按如下更改操作 URL 时，我停止在 IE 中收到 javascript 错误：

<p:commandLink action="badPage.xhtml?faces-redirect=true" id="btnBadPage" 
    value="Bad Page" actionListener="#{myBean.someAction}" />
于 2013-01-23T17:05:50.807 回答
0

我只是将所有不起作用的有问题的组件包装在<div>标签中，并且这些类型的错误通常会消失（当它们确实发生时）。

例如，我遇到了一个在 a 中分页的问题，<p:dataTable>直到我将它包装在<div>. 在那之后，它奏效了。

无论如何，这是人们可以尝试的其他东西。

于 2014-11-19T05:38:42.440 回答