jsf-2 - 使用普通 HTML 按钮在 JavaScript 中调用托管 bean 方法

Question

我需要在单击普通 HTML 按钮时调用 JavaScript 中的托管 bean 方法。如果我使用 JSF2.x 和 Primefaces，是否可以这样做？

Answer 1

是的，这是可能的。 Primefaces 提供了一个有用的钩子(Hook)来使用它的组件 <p:remoteCommand> 来做到这一点。 .它基本上为您提供了一个能够与您的 bean 通信的 javascript 函数。

基本用法示例:

View :

<p:remoteCommand name="remote" actionListener="#{bean.listener}" update="text"/>
<h:outputText id="text" value="#{bean.text}/>
<div onclick="remote()">...<div>

bean :

private String text = "Starting text";//getter + setter

public void listener(ActionEvent event) {
    text = "Text was changed via remote command";
}

在上面的示例中，远程命令会在您的 <div> 时执行。被点击。当然，可以通过单击您的按钮来调用相同的功能。

另外，查看 Primefaces documentation 是明智的.