如何在jsf动作中使用Javascript与Icefaces来更新页面状态

Question

如何在完成h:commondButton action时触发服务器端或客户端事件处理程序?这个服务器端过程需要一些时间才能完成。当我单击按钮时，它需要一些时间来完成工作并更新UI。我想在UI更新时触发一些东西。我是JSF的新手。请帮我一下。

谢谢!

Answer 1

Icefaces有一个javascript库，可以在客户端对事件进行排队。Icefaces在动作完成后刷新DOM，这样你就可以在动作方法结束时将事件排队。

这是我在Icefaces 1.8中使用的东西。X和2.0。我不太确定Icefaces 3是否添加了任何特殊的组件/代码来捕获DOM更新事件。

xhtml

<script>
function toggleDisplay(id,style)
{
  document.getElementById(id).style.display = style;  
}
</script>
    <div id="msgDiv" style="display:none">Processing ..</div>
    <h:commandButton action="#{mybean.doUpdate}"
          onclick="toggleDisplay('msgDiv','visible')"/>

你的管理Bean

    public class MyBean{
    ....
    doUpdate(ActionEvent e){
    //do stuff
     JavascriptContext.addJavascriptCall(FacesContext.getCurrentInstance(),
        "toggleDisplay('msgDiv','none');")
    }
}

您也可以通过在h:commandButton上使用f:ajax并在ajax调用期间重新呈现您的消息来非常容易地做到这一点。

http://www.mkyong.com/jsf2/jsf-2-0-ajax-hello-world-example/