JSF中使用a4j:commandButton和a4j:jsFunction实现校验，操作后刷新

转载地址：http://blog.sina.com.cn/s/blog_6ecb96380101a7ff.html

在使用JSF时，使用a4j:commandButton的onclick事件和oncomplete事件不能同时使用解决办法。

onclick事件是在提交之前的校验，oncomplete是在提交之后完成后的执行的脚本。

可以使用a4j:commandButton和a4j:jsFunction配合使用，在a4j:commandButton中只做onclick提交前的校验，在a4j:jsFunction中做提交和完成提交后的脚本。

function check(){//提交前校验
    var name = document.getElementByIdx_x_x("addForm:calssficationName").value;
    if(name==''||name==null){
     alert("请输入名称");
     return false;
    }
    saveOk();//校验通过后做操作对应a4j:jsf的name属性
   }

 

function end(){//提交完成后刷新父页面，并且关闭当前页面
    window.opener.document.getElementByIdx_x_x("queryForm:queryBtn").click();
    window.close();
   }

<a4j:commandButton id="saveBtn" styleClass="btn" value="保存"
       onclick="return check();"/>
      <a4j:jsFunction name="saveOk" action="#{mediumTypeDefBean.saveType}" oncomplete="end();" />