jquery - 如何从 jQuery 触发 JSF 渲染

Question

是否可以触发jsf <f:ajax render>在 jQuery 中？

例如这样的事情:

/* if component Y changes
    trigger render event on component Y */

$("#source_compoment").bind("change", function(e) {
    $("#target_component").trigger("render");
});

或者换句话说，jQuery 中是否有“f:ajax render”的等效项？

Answer 1

是的，制作一个隐藏按钮

<h:commandButton id="myHiddenButtonID" value="RenderSomething" style="display:none">
    <f:ajax render="target_component"></f:ajax>
</h:commandButton>

然后从js中点击它

$("#myHiddenButtonID").click();

在您的具体情况下，它将如下所示:

$("#source_compoment").bind("change", function(e) {
    $("#myHiddenButtonID").click();
});

b.t.w jQuery 中没有“等效于“f:ajax render””，您只需使用 jquery 单击隐藏的 JSF 按钮即可。

<小时/>

编辑

如果第三方 JSF 库的使用相关，您可以使用

Primefaces RemoteCommand - (use update attribute)

或

Richfaces/ a4j:jsFunction - (use reRender attribute)