进度条完成后更新数据表

Question

我想在进度条完成后触发 JavaScipt 函数。我尝试嵌套以下标签：

<p:ajax event="complete" oncomplete="refreshTable();"/>

我还尝试通过如下代码中的支持 bean 添加进度条组件：

ProgressBar progressBar = new ProgressBar();
progressBar.setAjax(true);
AjaxBehavior ajaxAction = new AjaxBehavior();
ajaxAction.setOncomplete("refreshTable();");
progressBar.addClientBehavior("complete", ajaxAction);

但最终没有调用任何 JS 函数。

我怎样才能实现这个功能？

使用的技术：PrimeFaces 3.5、Mojarra 2.1.6 (SNAPSHOT 20111206)、PrimeFaces Extensions 0.6.3、GlassFish 3.1.2.2。

Answer 1

您应该使用更新属性。如果你的 dataTable id 是 id="myDataTable" 那么你应该使用：

<p:progressBar ajax="true" value="#{progressBean.progress}">  
    <p:ajax event="complete" listener="#{...}" update="myDataTable"/>  
</p:progressBar>  

Answer 2

正如 PrimeFaces 展示的那样，您应该使用 <p:progressBar> 和嵌套在其中的 <p:ajax> 标签。您可以在<p:ajax> 的update 属性 中指定要重新呈现的组件ID，并在oncomplete 属性 中指定客户端回调，方法是将省略号替换为如下代码：

<p:progressBar ajax="true" value="#{bean.progressVar}">
    <p:ajax event="complete" update="..." oncomplete="..."/>  
</p:progressBar>  

请注意，您可能更愿意通过指定 update 属性来通过 JSF 重新呈现数据表，而不是通过指定 oncomplete 属性在客户端上手动执行某些工作。后者通常用于触发一些客户端 GUI 更改，例如显示/隐藏组件、切换样式类、打开对话框等，但不执行属于服务器端功能的操作。

---

关于以编程方式向组件添加 ajax 行为，您的 <p:ajax event="complete" update="table-id" oncomplete="refreshTable()"/> 应以编程方式等效于：

AjaxBehavior ab = new AjaxBehavior();
ab.setUpdate("table-id");
ab.setOncomplete("refreshTable()");
component.addClientBehavior("complete", ab);