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

Question

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

我需要在 ADF Web 应用程序中禁用浏览器后退按钮。我已经尝试在 jspx 上的初始化 javascript 函数中使用此代码（我们可以调用 main.jspx）：

window.history.forward(1);

后退按钮未被禁用，但如果我在访问主页后单击它（例如，从主页后的页面到主页），它会返回到第二页。我会完全禁用后退按钮。可能吗？如果您知道专门针对 ADF 应用程序的内容（也无需使用 javascript），欢迎您回答。

谢谢。

Answer 1

这是解决方案：

我有两个页面：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。

希望这会有所帮助。