如何在Oracle ADF中禁用浏览器后退按钮

时间:2012-04-18 13:43:16

标签: javascript oracle-adf

我知道。我不应该这样做。但...

我需要在ADF Web应用程序中禁用浏览器后退按钮。我在jspx的初始化javascript函数中尝试了这段代码(我们可以调用main.jspx):

window.history.forward(1);

后退按钮未被禁用,但如果我在访问主页面后单击它(例如从主页面之后的页面到主页面),则返回到第二页面。我想把后退按钮放在一边。可能吗?如果您对ADF应用程序有所了解(也不使用javascript),欢迎回答。

感谢。

1 个答案:

答案 0 :(得分:0)

以下是解决方案:

我有两个页面:page1.jspx和page2.jspx。我在adfc-config.xml中定义了一个控制流案例:

<?xml version="1.0" encoding="windows-1252" ?>
<adfc-config xmlns="http://xmlns.oracle.com/adf/controller" version="1.2">
  <view id="page1">
    <page>/page1.jspx</page>
  </view>
  <view id="page2">
    <page>/page2.jspx</page>
  </view>
  <control-flow-rule id="__1">
    <from-activity-id>page1</from-activity-id>
    <control-flow-case id="__2">
      <from-outcome>navigate</from-outcome>
      <to-activity-id>page2</to-activity-id>
    </control-flow-case>
  </control-flow-rule>
</adfc-config>

因此,action="navigate"我将从第1页导航到第2页。

现在page1.jspx是:

<?xml version='1.0' encoding='UTF-8'?>
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.1" xmlns:f="http://java.sun.com/jsf/core"
          xmlns:af="http://xmlns.oracle.com/adf/faces/rich">
    <jsp:directive.page contentType="text/html;charset=UTF-8"/>
    <f:view>
        <af:document title="Page 1" id="d1">
            <af:form id="f1">
                <af:panelStretchLayout id="psl1">
                    <f:facet name="center">
                        <af:commandLink action="navigate" id="cl1">
                            Navigate
                        </af:commandLink>
                    </f:facet>
                </af:panelStretchLayout>
                <af:resource type="javascript">
                    var registerDisableBackButton = function () {
                        disableBackButton();
                        window.onload = disableBackButton();
                        window.onpageshow = function (event) {
                            if (event.persisted) {
                                disableBackButton()
                            }
                        }
                        window.onunload = function () {
                            void (0);
                        }
                    }

                    var disableBackButton = function () {
                        window.history.forward();
                    }

                    var onLoadEvent = function(event) {
                        registerDisableBackButton();
                    }
                </af:resource>                
            </af:form>
            <af:clientListener method="onLoadEvent" type="load"/>
        </af:document>
    </f:view>
</jsp:root>

如果单击后退按钮导航到page2.jspx后,您将再次被重定向到第2页。

希望这会有所帮助。