使用 Javascript 获取支持 bean 的值

Question

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功能呢？有什么想法吗？

Answer 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>等。

Answer 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>