javascript - 避免关闭模态对话框 bootstrap 和 jsf

Question

嗯，我在 bootstrap 中有一个模式对话框，可以与 <h:commandButton> 一起使用。 。我试图避免在验证失败但不起作用时关闭对话框。

这是我调用模态的按钮:

<h:commandButton styleClass="btn btn-default"
                 type="button"
                 value="Criar Página"
                 actionListener="#{cursoMB.novaPaginaConteudo()}">

    <f:passThroughAttribute name="data-toggle" value="modal" />

    <f:passThroughAttribute name="data-target"
                            value="#modalDialogPagina" />

    <f:ajax execute="@this"
            render="modalPagina"
            onevent="function(data) {if(data.status==='success') initSummerNote(); }"/>
</h:commandButton>

这是我的模态按钮:

<h:commandButton styleClass="btn btn-default"
                 actionListener="#{cursoMB.salvarPagina()}" 
                 value="Salvar">

    <f:ajax execute="modalPagina"
            render="tabPaginas"
            onevent="function(data){if(data.status!='success') data.preventDefault();}"/>

    <f:passThroughAttribute name="data-dismiss" value="modal" />
</h:commandButton>

如果data.status != 'sucess' ，我想避免接近，但什么也没发生。我该怎么做？

Answer 1

在 bean 中创建一个控制变量(如 boolean xxx)，并在出现错误时将此变量设置为 true。

在AJAX函数中测试这个变量。如果为 false ( !xxx ) 则隐藏模式。

示例:

function nameFunction(data) {
   var status = data.status;
   switch (status) {
      case 'success':
         if (!xxx) {
            $('#idModal').modal('hide');
         }
         break;
   }
}