使用JQuery Submit捕获JSF Action

时间:2013-06-14 18:15:42

标签: jquery jquery-ui jsf jsf-2

我需要使用JQuery提交函数捕获JSF Action Event,我有下一个代码:

JSF代码

 <h:form id="seleccionPlanForm">
    <h:commandLink id="p1" title="seleccion 1" action="#{contrataBackingBean.selectPlanAction}">
      <f:param name="idPlan" value="1"/>
    </h:commandLink>
 </h:form>

JQuery代码

$("form").submit(function() { 
   alert("Hello World");
});

提前感谢您的帮助

1 个答案:

答案 0 :(得分:0)

1)强制点击你的按钮jsf,你可以用style =“display:none”隐藏你的按钮

JQuery示例

  $('#input').change(
    function(){
       $('#clientIDOFActionButton').click();
    }
 );

重要说明:您必须检索UIComponent的clientID,而不是服务器UIComponentID。

2)使用richfaces,使用jsFunction组件并使用js / JQuery调用以开始执行jsFunction Component

JSF代码             

                  <a4j:actionparam name="param_name" assignTo="#{bean.someProperty2}"/>

       </a4j:jsFunction>

Java脚本绑定

 <body onload="callScript()">

http://docs.jboss.org/richfaces/latest_3_3_X/en/devguide/html/a4j_jsFunction.html

在这里你可以看到,如何操作和actionListener属性与jsFunction组件一起使用:

http://livedemo.exadel.com/richfaces-demo/richfaces/jsFunction.jsf?tab=info&cid=292171

你可以分享更多代码吗?