javascript - 使用 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}");
}

这是生日的 child :

@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 在网络服务器中运行并生成 HTML/JS，后者又在网络浏览器中运行。在浏览器中打开页面，右键单击并查看源代码。您看，没有一行 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>等