Jquery Dialog异步模式

Posted 2023-05-08

【中文标题】Jquery Dialog异步模式

【英文标题】：Jquery Dialog asynchronous mode

【发布时间】：2016-03-30 14:20:22

【问题描述】：

我正在使用 jQuery UI 对话框编写应用程序。在 onSubmit 函数中，我希望用户可以确认加载文件，但由于对话框异步模式，代码没有提供确认用户选择的选项。当用户想要选择任何选项时，该功能已经结束。

有解决这个问题的办法吗？

这里是代码：

onSubmit:function(files)
       
        var bucle=true;
            var perm=null;
            if(res=="0")
                perm=true;
            else if(res=="1")
                if(showDialog())
                    perm=true;
                else
                    perm=false;
                

            

            else
                perm=false;
        
        res=null;
        return perm;



    ,

和 showDialog 函数：

function showDialog()
$(function() 
    $.ui.dialog.prototype._focusTabbable = function();
    $( "#dialog-confirm" ).dialog(
      resizable: false,
      height:200,
      width:600,
      modal: true,
      closeText:null,
      buttons: 
        Ok: function() 
            $(this).dialog('close');
            return true;
        ,
        Cancel: function() 
            $(this).dialog('close');
            return false;
        
      
    );

  );

提前谢谢你！

【参考方案1】：

由于异步模式，您需要等到用户做出选择。 您可以将下一步作为回调传递给 showDialog 方法。

onSubmit:function(files)
  //non-relevant code omitted...

  showDialog(nextStep)

  //non-relevant code omitted...


function nextStep(trueOrFalse)
   if(trueOrFalse)
      // upload your file or do anything you want
   else
      // do another thing
   


function showDialog(callback)
      //non-relevant code omitted...
      buttons: 
        Ok: function() 
            $(this).dialog('close');
            callback(true);
        ,
        Cancel: function() 
            $(this).dialog('close');
            callback(false);
        
      
     //non-relevant code omitted...