java - jQuery 表单提交在 JSF 中不起作用？

Question

我有一个 JSf 表单，我正在尝试使用 jQuery Ui 对话框插件来提交表单。这是代码片段。

function confirmSubmit() {
          $('#dialog').dialog('open');
          return false;
      }

    $('#dialog').dialog({
        autoOpen : false,
        width : 400,
        modal : true,
        resizable : false,
        buttons : {
            "Submit Form" : function() {
                 document.myForm.submit();
            },
            "Cancel" : function() {
                $(this).dialog("close");
            }
        }
    });
<h:form id="myForm"> 
<h:commandLink action="#{Bean.search}" type="submit" onclick="return confirmSubmit()"   id="search" styleClass="buttonSearch">
                 </h:commandLink>    

“document.myForm.submit();”对话框中的部分不起作用，即没有调用发送到服务器，并且在服务器控制台中我看到错误:

11:45:32,738 SEVERE [lifecycle] JSF1054: (Phase ID: RENDER_RESPONSE 6, View ID: /PRT01/IMCM0101.jsp) Exception thrown during phase execution: javax.faces.event.PhaseEvent[source=com.sun.faces.lifecycle.LifecycleImpl@ec333b]

对话框显示正确，但一旦我按下提交按钮“document.myForm.submit();”代码已执行，但未提交表单，而是服务器控制台上出现上述错误。

Answer 1

当你返回 false; 它实际上不会提交。

使对话框正常工作

    $(document).ready(function() {
    var $dialog = $('<div></div>')
        .html('This dialog will show every time!')
        .dialog({
            autoOpen : false,
                            width : 400,
                            modal : true,
                            resizable : false,
                            buttons : {
                              "Submit Form" : function() {
                                       document.myForm.submit();
                               },
                               "Cancel" : function() {
                                       $(this).dialog("close");
                                }
                           }
                });


});

然后调用

 function confirmSubmit() {
      $dialog.dialog('open');
      return false;
  }