h:commandLink 未触发 form.submit 事件

Question

当我的页面被加载时，我会执行以下 JS 脚本，当任何表单被提交时，我会使用它来显示一个弹出窗口（请稍候...）。

jQuery(function(){
  jQuery("form").submit(function(){jQuery('#wait-link').trigger('click');return true;});
});

这在使用 h:commandButton 标签时可以正常工作，但是当我使用 h:commandLink 标签时它不起作用，因为表单是由 java 脚本提交的（从 jar jsf-impl.jar 中的文件 jsf.js 中）如下所示

mojarra.jsfcljs = function jsfcljs(f, pvp, t) {
  mojarra.apf(f, pvp);
  var ft = f.target;
  if (t) {
    f.target = t;
  }
  f.submit();
  f.target = ft;
  mojarra.dpf(f);
};

为了解决这个问题，我复制了 WEB-INF/resources/javax.faces/jsf.js 下的 jsf.js 文件并修改它以触发表单提交使用 jQuery 的方法。这工作正常，但是：

1) 我不喜欢我正在触摸 jsf.js 文件这一事实，因为它可能会在 JSF 的较新版本中发生变化。

2) 我不喜欢在 jsf.js 文件中使用 jQuery。

有没有更好的解决方案来解决这个问题？

Answer 1

您应该使用jsf.ajax.*，因为它是 JSF2 规范的一部分。在那里你有例如jsf.ajax.addOnEvent(callback)，它可以满足你的需求。

在你挂上你的监听器之后，你可以使用尽可能多的 jQuery。

更新：

如果你想从你自己的 JS 中截取它，而不用接触他们的东西你可以这样做：

(function() {
    var oldjsfcljs = mojarra.jsfcljs;

    mojarra.jsfcljs = function() { 
        console.log('my stuff before');
        oldjsfcljs.apply(this, arguments);
        console.log('my stuff after');
    }
})();

Answer 2

正如 Bodgan 建议的更好的解决方案是在页面加载时执行以下代码，我不知道 JS 中的术语是什么，但对我来说似乎是一种覆盖。

jQuery(function(){
  var oldjsfcljs = mojarra.jsfcljs; // save a pointer to the old function

  mojarra.jsfcljs = function jsfcljs(f, pvp, t) {
    jQuery(jq(f.id)).trigger('submit');
    oldjsfcljs.apply(this, arguments);
  };
});

function jq(myid) {
  return '#' + myid.replace(/(:|\.)/g, '\\$1');
}

注意：jq() 方法仅用于对表单 ID 中的特殊字符进行转义。

更新：上面的代码似乎可以工作，但如果你有表单中的参数，它就不会，所以我不得不重写 mojarra.jsfcljs 函数如下：

jQuery(function(){
  mojarra.jsfcljs = function jsfcljs(f, pvp, t) {
    mojarra.apf(f, pvp);
    var ft = f.target;
    if (t) {
      f.target = t;
    }

    // trigger the submit event manually.
    jQuery(jq(f.id)).trigger('submit');

    f.submit();
    f.target = ft;
    mojarra.dpf(f);
  };
};