Struts2后退按钮和链接

Question

我正在使用 Struts 2.1.6 和 Dojo 插件，整个应用程序都有 ajax 链接 (sx:a)。

有人成功实现后退按钮功能并链接到某些内容吗？

有人有如何实施的经验吗？我计划实现（如果已经没有好的解决方案）这样的事情：

• 用js更改地址栏链接（添加参数），然后我可以读取并获取正确的内容，然后使用notifyTopics发布它。

或者我应该改变整个应用程序以使用 jQuery 插件？ jQuery 对于后退按钮和 ajax 页面上的链接有好的解决方案吗？

Answer 1

我可以立即想到两种简单的方法：

<s:form action="actionName">
    <input type="hidden" value="<s:property value="someProperty"/>" name="someProperty"/>
    <input type="hidden" value="<s:property value="someProperty2"/>" name="someProperty2"/>
    <s:submit value="Back" />
</s:form>

或者

<s:url name="backURL" action="actionName">
    <s:param name="someProperty" value="someProperty"/>
    <s:param name="someProperty2" value="someProperty2"/>
</s:url>
<a href="<s:property value="#backURL"/>">Back</a>

如果您已经有查询字符串参数：

<a href="#" onclick="javascript.window=document.referrer;">Back</a>

或者

<input type="button" value="Back" onclick="javascript.window=document.referrer;"/>

Answer 2

我尝试将 Struts 2 与 dojo 一起使用并实现后退按钮。您已经完全掌握了 Struts 2 的 ajax 实现。他们使用和编写它主要是为了编写简单快速的ajax函数调用，不太适合更广泛的用途。另外，当您执行 s:head theme='ajax' tag; 时struts 将导入您“可能”需要的每个 ajax js 文件，这会缩短加载时间。

我建议要么1.学习dojo并使用独立于struts 2的库。要么2.获取jQuery，我能够实现相对简单的后退按钮功能（比struts 2 theme='ajax'更是如此）。

Answer 3

不了解 Struts，但是您看过 dojo.undo (0.4.3) 吗？

Answer 4

我的所有链接都经过一个操作，该操作查找参数menuId（当然是必须显示的菜单的id）。

从这个动作中，在返回响应之前，我设置了一个要调用的 JavaScript 函数：

setBackMenuId(menuId,sometext) 

MenuId 是 id，sometext 是该菜单的名称，以便浏览器记录历史记录更好。

function setBackMenuId(id,subtekst) {
 window.location.hash = "menuId="+id;
 document.title = subtekst;
 selectedHash = document.location.hash;
 if(intervalHashSearch == '') {
    initializeHashSearch();
 } 
}

然后，其他需要的js函数：

function publishLinkTarget() {
    var param = window.location.hash;
    if(param) {
        if(param.indexOf("menuId") > 0) {
            var id = param.split("=", 2);
            if(id[1]) {
                setCookie('backMenuId',id[1],1,false);
                setTimeout('publishLayoutContent()', 100);
            }
        }
    }
}

var selectedHash = '';
var intervalHashSearch = '';
function initializeHashSearch() {
    intervalHashSearch = window.setInterval('checkHash()', 500);
}

function stopHashSearch() {
    window.clearInterval(intervalHashSearch);
    intervalHashSearch = '';
}

function checkHash() {
    var currentHash = document.location.hash;
    if(selectedHash != currentHash) {
        selectedHash = currentHash;
        publishLinkTarget();
    }
}

function publishLayoutContent() {
    dojo.event.topic.publish("layoutContentTarget");
}

如果你看一下你会发现，首先它被称为“setBackMenuId”，它将哈希和参数添加到地址栏并更改标题，然后记住这个哈希，因此区间哈希搜索可以找到差异。然后它初始化这个哈希搜索。

“checkHash”每隔 500 毫秒运行一次，并检查哈希值是否已更改（这意味着按下了后退按钮，并且没有单击新链接（setBackMenuId 设置 selectedHash）。如果为 true（按下后退/前进按钮），则函数 '调用publishLinkTarget'，它从哈希中读取参数，如果它们没问题，首先我设置一个cookie，这样我就可以从HttpServletRequest中读取它并找出哪个菜单id链接。如果我在这里，这意味着我。还必须发布使用 'publishLayoutContent' 制作的内容

（这是 MenuAction，方法视图，与在 中发布的相同），只有这一点很重要：

    Integer menuId = null;
    if(request.getParameter("menuId") != null) {
        menuId = Integer.valueOf(request.getParameter("menuId"));
    } else {
        menuId = getIntCookie("hiddenMenuId");
    } 

所以，如果我没有从参数中获取菜单 id。 （单击链接）我从 cookie（后退/前进按钮）获取

此目标的 JSP：

<s:url var="layoutContentUrl" action="Menu-view" namespace="/public" />
    <sx:div showLoadingText="false" indicator="ajaxIndicator"
        id="layout-content" href="%{layoutContentUrl}" theme="ajax"
        listenTopics="layoutContentTarget" preload="false"
                    afterNotifyTopics="/ajaxAfter">
</sx:div>

注意：如果您通过一个参数连接所有内容，则这是一种特殊情况，但它可以轻松地使用发布其他参数的其他参数进行扩展。我会尝试使其足够通用以将其发布到某个地方，但（我猜）这还有很长的路要走:)

如果您有任何问题，请发布。