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, где отображаются ошибки проверки.

создать метод()

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

Вы можете создать компонент для связывания вашего диалога в управляемом компоненте и скрыть диалог с вашей функции с помощью этого связывания. Я думаю, что тип объекта, который представляет привязку вашего компонента, является специфичным для платформы (хотя все они, вероятно, расширяют UIComponent), поэтому вам нужно указать, какую реализацию JSF вы используете для полного решения. Например, я использовал этот очень практичный пример в ADF.

Это пример из АПД:
<af:popup id="sample" binding="#{viewScope.myBean.myPopup}">

и в управляемом компоненте:
RichPopup myPopup;
...
public void onSave() {
//save user
myPopup.hide();
}