使用 Javascript 获取支持 bean 的值

Posted 2023-02-22

【中文标题】使用 Javascript 获取支持 bean 的值

【英文标题】：Getting backing bean value with Javascript

【发布时间】：2013-02-04 15:34:13

【问题描述】：

JSF 2.0、Mojarra 2.0.1、PrimeFaces 3.4.1

有类似的问题，但我需要某事。别的; javascript 函数必须等待支持 bean 方法，该方法正在填充要从 js 函数中提取的变量。我想说的是：

<p:commandLink action="#statusBean.getStatuses" oncomplete="afterLoad()"/>

假设 js 函数只是获取值并将其打印到屏幕上。

function afterLoad()     
    alert("#statusBean.size");

这是生日孩子：

@ManagedBean
@ViewScoped
public class StatusBean 
    public int size=0;
    List<Status> panelList = new ArrayList<Status>();
    public void getStatuses() 
        this.panelList = fillList();
        this.size = panelList.size(); //Assuming 3
    
    //getter and setters

所以函数会提醒大小为 0，这是它的初始值，而我们期望看到 3。

它是如何工作的：如果我将 @PostConstruct 注释添加到 bean 的头部，它肯定会得到正确的大小，因为 bean 在页面加载之前就已经构建好了。但这意味着多余的进程，在 commandlink 操作之后才需要的值。那么如何推迟js功能呢？有什么想法吗？

【问题讨论】：

Mojarra 2.0.1 是古老的。它已经3岁多了。考虑升级。当前的 2.1.19 版本有很多很多的错误修复和改进。

@BalusC 好的，我将查看版本差异，两个答案都是正确的并且有效，谢谢你和 partlov，但我无法决定应该选择哪一个作为答案。我应该选择先到先得吗？但是服务器说你在 1 分钟前回答了但是当我最后一次看时它说 partlov 先回答了。是同一时间吗？

只选择对您最有帮助的一个。到目前为止发布的答案并未提供完全相同的信息。至于确切的答案时间戳，只需检查“已回答”时间戳的工具提示即可。但是您在选择答案时不应该考虑这一点。这只是模拟 FGITW。

【参考方案1】：

JSF/EL 和 html/JS 不同步运行。相反，JSF/EL 在 webserver 中运行并生成 HTML/JS，而 HTML/JS 又在 webbrowser 中运行。在浏览器中打开页面，右键单击并查看源代码。你看，没有一行 JSF/EL。它是一个和所有的 HTML/JS。代替您的 JS 函数，您将看到：

function afterLoad()     
    alert("0");

正是这个 JS 函数在您的命令按钮操作完成时被调用。所以结果完全符合预期。

基本上，您希望让 JSF 重新渲染那段 JS。

<p:commandLink action="#statusBean.getStatuses" update="afterLoad" oncomplete="afterLoad()"/>
<h:panelGroup id="afterLoad">
    <h:outputScript>
        function afterLoad()     
            alert("#statusBean.size");
        
    </h:outputScript>
</h:panelGroup>

根据具体的功能要求（您没有告诉任何内容），可能有更优雅的方法。比如RequestContext#execute()、<o:onloadScript>等。

【讨论】：

BalusC，你太棒了:)

这是一个旧线程.. 但我有一个问题.. 如果我使用外部 javascript 文件如何完成此操作？请帮帮我。

【参考方案2】：

您的 JavaScript 中的 EL 是在页面呈现时计算的，您可以更新其容器（如果它在某些 JSF 组件中），但我建议另一种方法。

当您发出 AJAX 请求时，您可以在 getStatuses() 方法中添加回调参数。您可以为此使用 Primefaces 的 RequestContext 实用方法 addCallBackParam()：

public void getStatuses() 
    this.panelList = fillList();
    this.size = panelList.size();
    RequestContext.getCurrentInstance().addCallBackParam("size", this.size);

你可以在xhtml中使用这个参数：

<p:commandLink action="#statusBean.getStatuses" oncomplete="afterLoad(xhr, status, args)"/>

<script type="text/javascript">
  function afterLoad(xhr, status, args)     
    alert(args.size);
  
</script>

【讨论】：

你好，我有一个关于addCallBackParam的问题。在第一次调用时使用 afterLoad(xhr,status,args) 时效果很好。但是如果我想第二次使用相同的getStatuses() 调用它，在 afterLoad 方法中size 变成undefined。似乎它无法在第二次调用时正确添加回调参数。我对第二次调用的意思是：例如，用户添加了一个状态并且 afterLoad 成功之后工作，但是如果用户删除了一个状态，我定义了一个 remotecommand 它调用 statusBean.getStatuses 并且它有 oncomplete="afterLoad(xhr,status,args)。跨度>