Question

我有以下jQuery代码：

  <script type="text/javascript" charset="utf-8">
    $(function() { 

       initConfirmbinding();

       $('#dialog').dialog({
        autoOpen: false,
        width: 'auto',
        modal: true,

        buttons: {
              "Delete": function() { 
                     $(this).dialog("close");            
                     alert("You pressed OK!");
                     return true;
                     }, 
              "Cancel": function() { 
                     $(this).dialog("close"); 
                     return false;
                     } 
        }
      });

    function initConfirmbinding(){
           // Dialog Link 
           $('.confirm').click(function(){
                 return $('#dialog').dialog('open'); // Here it doesn't stops for the return value!!
           });
    }
  </script>

这个其他代码：

 ...
<c:foreach ...>
 <h:commandLink styleClass="confirm" action="#{myBean.delete}">
      <img src="/resources/images/delete-bw.png"/>    
 </h:commandLink>
<c/:foreach>

 ...
 <!-- ui-dialog -->
<div id="dialog" title="Question" style="display: none;">
        This item will be deleted, confirm?         
</div>

我需要在用户确认对话框后调用 myBean.delete ，但它只是继续并在对话框仍然打开的情况下进行调用。如何使对话框返回同步值？因此commandLink可以知道是否执行该操作。

我知道它可以使用回调，但回调不是一个选项，因为 commandLink 正在等待结果决定执行操作，如果我使用回调我需要直接调用commandLink.click，它会产生无限循环。

即便想到，再想一想可能有一种方法可以使用回调但是我怎么能发送到对话框哪个回调要在完成时调用。

问候。

Answer 1

没有办法让代码的执行停止并等待。你唯一能做的就是通过阻止对话框下的页面来创建一个模态对话框，这样用户就可以在继续之前选择一些东西。

Answer 2

我看到它的方式，如果您将bean的#{myBean.delete}方法公开为javascript函数并在jQueryUI对话框的Delete和Cancel处理程序中相应地调用它，则可以解决您的问题。如果您可以使用RichFaces库，请参阅a4j:jsFunction 但在这种情况下，删除按钮单击必须是纯粹的ajax调用。即，您可以在onclick中调用对话框，但不指定任何操作。否则你就无法阻止回发的发生。

jQuery - 等待确认对话框返回值

2 个答案: