1

我的 JSF 页面中有这段代码：

<a href="#adios" data-toggle="modal">
<h:commandButton value="Pay!" action="#{basketManager.pay(accountManager.currentAccount.username)}" 
class="btn btn-primary btn-lg"></h:commandButton>
</a>

模态显示，但未action执行...如何同时执行两个操作（显示模态和调用方法）？

4

2 回答 2

1

如果您想在提交表单时执行脚本，您可以 onclick="alert('Clicked submit button!');"在 commandButton 标记中使用事件。

执行这两种操作的一种方法是@ManagedProperty在 bean 中使用注释。例如，将您的 sumbit 按钮更改为这个

<h:form>
    <h:commandButton value="Pay!" action="#{basketManager.pay()}" 
    class="btn btn-primary btn-lg" onclick="alert('Clicked submit button!');" />
</h:form>

那么你的 Bean 可能更像这样：

import java.io.Serializable;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.RequestScoped;

@ManagedBean(name = "basketManager")
@RequestScoped
public class BasketManager implements Serializable {

    @ManagedProperty(value="#{accountManager}")
    private AccountManager accountManager;

    //this is nessesery!
    public void setAccountManager(AccountManager accountManager) {
        this.accountManager = accountManager;
    }

    public String pay() {
        if(accountManager != null) {
            //... do something using accountManager.currentAccount.username
        }
        return ""; // your action result
    }
}

您必须记住 BasketManager bean 的范围必须与 AccountManager bean 相同或更小。例如，如果 AccountManager 是，@SessionScoped那么 BasketManager 可能是@SessionScopedor@ViewScoped或@RequestScoper。那时不可能@ApplicationScoped！

于 2013-10-18T06:00:31.330 回答
1 
 <h:form>
    <p:remoteCommand name="callAction" onstart="Place your javascript code to show the model"
       action="#{basketManager.pay(accountManager.currentAccount.username)}"  
       update="@form" />
    <h:commandButton value="Pay!" class="btn btn-primary btn-lg" 
                     onclick="callAction();" />
 </h:form>

在这里，您可以在 javascript 函数上调用您的 ManagedBean 方法。当远程命令开始执行时，它会显示模型，甚至调用 action 方法

希望这可以帮助你

于 2013-10-18T07:13:40.940 回答