JSF:在成功创建之后调用javascript

Question

我的当前代码。

<h:form>
   <h:panelGroup id="messagePanel" layout="block">
       <h:messages errorStyle="color: red" infoStyle="color: green" layout="table"/>
   </h:panelGroup>
    <h:panelGrid columns="2">
        // some form input stuff here..
    </h:panelGrid>         
   <h:commandButton class="register-btn" action="#{accountController.create}" value="#{bundle.Register}">
        <f:ajax event="action" execute="@form" render="messagePanel"/>
   </h:commandButton>                       
</h:form>

messagePanel是显示验证错误的位置。

create（）方法

public String create() {
        try {
            getFacadeUser().create(currentUser);
            FacesContext.getCurrentInstance().getExternalContext().redirect("/index.xhtml");
            return null;
        } catch (Exception e) {
            JsfUtil.addErrorMessage(e, ResourceBundle.getBundle("/Bundle").getString("PersistenceErrorOccured"));
            return null;
        }
    }

成功创建后是否可以调用javascript？目前，我的创建表单是一个弹出模式，我想要的是在成功创建后隐藏模式，而不是重定向到页面。

我使用的是JSF 2.1

Answer 1

使用标准JSF（请阅读：没有任何组件库或实用程序库，如PrimeFaces或OmniFaces，可以让这变得更容易），您最好的选择是有条件地呈现<script>元素。

<h:panelGroup id="script">
    <h:outputScript rendered="#{not empty accountController.currentUser.id}">
        alert('User successfully created!');
    </h:outputScript>
</h:panelGroup>

请参阅<f:ajax ... render="script">。

Answer 2

您可以在托管bean中为对话框创建组件绑定，并使用该绑定向函数隐藏对话框。我认为表示组件绑定的对象类型是特定于框架的（尽管所有这些对象都可能扩展UIComponent），因此您需要指定完整解决方案所使用的JSF实现。例如，我在ADF中实现了这个用例。

这是ADF的一个示例：
<af:popup id="sample" binding="#{viewScope.myBean.myPopup}">

并且在托管bean中：
RichPopup myPopup;
...
public void onSave() {
//save user
myPopup.hide();
}