14

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

4

2 回答 2

26

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

于 2013-02-19T20:08:39.253 回答
11

你的 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>
于 2013-02-19T20:09:30.147 回答