会话中的价值节省

Question

我想要一个链接，当用户点击它时，它应该执行以下操作：

• 将密钥保存到会话中
• 用另一个 JSF 页面打开一个新窗口
• 不应重新加载当前页面

我不知道如何解决这个问题。
当我保存密钥并打开新窗口时，密钥为空。
也许保存密钥的过程太慢了？
以及如何防止页面重新加载？

这是我当前的代码：

JavaScript

function openWin2(url)
{
     var w = 800;
     var h = window.innerHeight - 100;
     var left = ((screen.width-w)/2);
     var top = ((screen.height-h)/2);
     window.open(url, 'Tax', 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=no, copyhistory=no, width='+w+', height='+h+', top='+top+', left='+left);
}

xhtml

<ui:repeat value="#{main.list}" var="items">
    <h:commandLink action="#{main.setClickedId(items.itemId)}">
        <table onclick="openWin2('immobilie.xhtml')"><tr><td>Hello</td></tr></table>
    </h:commandLink>
</ui:repeat>

ManagedBean
保存

public void setClickedId(String clickedId) {
    this.clickedId = clickedId;

    FacesContext context = FacesContext.getCurrentInstance();
    Map<String, Object> map = context.getExternalContext().getSessionMap();
    if(map.containsKey("id")){map.remove("id");}
    map.put("id", clickedId);
}

加载

FacesContext context = FacesContext.getCurrentInstance();
immoId = context.getExternalContext().getSessionMap().get("id").toString();

Answer 1

我自己发现了失败。
问题是，JSF 页面没有解析 JSF 标签。
来自：

<h:outputText value="#{items.itemId" />

我没有任何输出。
这就是为什么我认为 JSF 页面调用方法失败的原因。
但这不是问题所在。问题是我的网址。这是我打开第二页的代码：

openWin2('immobilie.xhtml')

但那是错误的。必须是

openWin2('faces/immobilie.xhtml')

我从here得到了解决方案。

---

Luiggi Mendoza 非常感谢您对我的帮助！你帮了我很大的忙！

Answer 2

当我保存密钥并打开新窗口时，密钥是空的。可能是保存密钥的过程太慢了？

这里的问题是 JavaScript 和服务器端方法运行在不同的地方：

• JavaScript 代码在客户端浏览器中运行，就像在您的电脑中本地执行代码一样。

• 服务器端代码在服务器上运行。浏览器必须向服务器发出请求，服务器将完成其工作并执行您的<h:commandLink> 的action 中定义的方法，然后向浏览器返回响应。浏览器将处理响应。注意：这是一个非常基本的解释，有关 JSF 请求的更多信息请阅读JSF Lifecycle and Custom components

知道这一点，不是方法执行太慢，而是在不同的时间执行。

以及如何防止页面重新加载？

简而言之，您必须向服务器发出 ajax 请求，而不是完整的请求。为此，JSF 2 为您提供了<f:ajax>，它将简单的请求转换为 ajax 请求，并且浏览器不会刷新页面。

解决方案应该是一个两步过程：

1. 执行服务器操作，将会话中的数据保存为 ajax 请求。

2. 处理完 ajax 请求后，您应该使用 JavaScript 打开窗口。

<f:ajax> 组件本质上不提供oncomplete javascript 方法，但您可以在完成ajax 请求后利用onevent 方法的强大功能执行javascript 代码。该示例基于JSF 2.0 javascript onload/oncomplete。

<h:commandLink action="#{main.setClickedId(items.itemId)}" value="Hello">
    <f:ajax onevent="handleOnComplete" />
</h:commandLink>

<h:outputScript>
    function handleOnComplete(e) {
        if (e.status == 'success') {
            openWin2();
        }
    }
</h:outputScript>

另一种方法是使用第三方库，例如来自 RichFaces 的 <a4j:commandLink> 或来自 PrimeFaces 的 <p:commandLink>。我将使用 PrimeFaces 代码发布示例：

<p:commandLink action="#{main.setClickedId(items.itemId)}" value="Hello"
    oncomplete="openWin2()" />

Answer 3

我建议使用a4j:ajax 标签（RichFaces 中提供，文档here）。那么xhtml中的标记应该是这样的：

<h:commandLink action="#{main.setClickedId(items.itemId)}">
    <table><tr><td>Hello</td></tr></table>
    <a4j:ajax oncomplete="openWin2('immobilie.xhtml')" />
</h:commandLink>

这段代码会向服务器发送一个AJAX请求，服务器会执行setClickedId方法，当响应返回浏览器时，会调用openWin2函数。