弹出窗关闭的时候提示是否关闭,同时进行一些对应的方法调用,
然而在进行页面关闭调用的时候,往往页面关闭了,才弹出确认对话框,
$.messager.confirm和panel的onBeforeClose不兼容性问题.
一.初始代码:
    $('#_MoneyExpense_show_dialog').panel({
       onBeforeClose:function(title){
           $.messager.confirm('提示','确定关闭',function(r){  
               if(r){
                  return true;
               }else{
                  return false;
               }
           })
    }})
二.起因分析:
$.messager.confirm为异步方法.在easyui说明中题头已经提到,

Messager(消息窗口)

使用$.messager.defaults重写默认值对象。

 
消息窗口提供了不同的消息框风格,包含alert(警告框), confirm(确认框), prompt(提示框), progress(进度框)等。所有的消息框都是异步的。用户可以在交互消息之后使用回调函数去处理结果或做一些自己需要处理的事情。
在$.messager.confirm还没有进行返回,即你还没有点击按钮的时候onBeforClose已经接收到了""做为返回值.而且该值被认为true.然后关闭了页面,导致了先关闭页面,再弹窗提醒是否关闭的情况.
三.解决方式:
引入全局变量,对状态进行控制.曲线救国,变异步为两次调用的伪同步方法.
设置全局变量默认为false;当页面要求关闭时,判断全局变量
     全局变量为true,设置全局变量为false,关闭页面.
     全局变量为false,不关闭页面,打开弹窗
          选择确定,设置全局变量为true,再次调用关闭页面的方法.
          选择取消.什么都不做.
这样解决,有点浪费效率和资源.没有从根源上解决问题.有更好的方式再进行优化吧!
 
四.解决代码如下:
    var msg = false;//设置全局变量;
    $('#_MoneyExpense_show_dialog').panel({
       onBeforeClose:function(){
           if(msg){//判定全局变量为真;
               msg=false;//设置全局变量为false;
               return true;//关闭页面;
           }else{
               $.messager.confirm('提示','确定关闭',function(r){  
                  if(r){//弹窗提示选择为确定;
                      msg = true;//设置全局变量为真,及关闭页面;
                      $('#_MoneyExpense_show_dialog').panel('close');
                      //再次调用关闭页面方法.全局变量为true,则进入弹出窗方法.
                  }
               });
               return false;//关闭页面时,全局变量为false,则不进行关闭页面.
           }
       },
    });
五.备注:
因使用easyui不是太多,更多的时候是帮别人解决问题的时候遇到测试的,
以上观点只为个人观点,非最优解决方案,欢迎大神给出更优解决方案,多多交流才有进步;
有新问题请留言,大家一起探讨一起进步;

easyui弹出窗关闭前调用确认窗口,先关闭页面后调用弹出窗口的更多相关文章

  1. javascript使浏览器关闭前弹出确认

    当用户关闭页面时,弹出对话框,让用户确认是否关闭,选择确定则页面关闭,否则页面不关闭. 效果体验:http://keleyi.com/keleyi/phtml/js/index.htm 完整代码: & ...

  2. ligerUI调用$.ligerDialog.open弹出窗口,关闭后无法获取焦点问题

    1:调用父窗口某一个文件框,获取焦点,   parent.window.document.getElementByIdx_x("roleName").focus(); 2:关闭父窗 ...

  3. javascript关闭弹出窗体时刷新父窗体和居中显示弹出窗

    居中显示用到了moveTO()方法: 关闭弹出窗时刷新父窗体用到了window.opener方法: 父窗体代码例如以下: <%@ Page Language="C#" Aut ...

  4. bootstrap-data-target触发模态弹出窗元素的data使用 data-toggle与data-target的作用 深入ASP.NET MVC之九:Ajax支持 Asp.Net MVC4系列--进阶篇之AJAX

    bootstrap-data-target触发模态弹出窗元素的data使用 时间:2017-05-27 14:22:34      阅读:4479      评论:0      收藏:0      [ ...

  5. Bootstrap模态弹出窗

    Bootstrap模态弹出窗有三种方式: 1.href触发模态弹出窗元素: <a class="btn btn-primary" data-toggle="moda ...

  6. data-参数说明(模态弹出窗的使用)

    除了通过data-toggle和data-target来控制模态弹出窗之外,Bootstrap框架针对模态弹出框还提供了其他自定义data-属性,来控制模态弹出窗.比如说:是否有灰色背景modal-b ...

  7. Jquery和Javascript 实际项目中写法基础-弹出窗和弹出层 (4)

     一.实际项目中有很多如下界面效果.    二.该效果可以归结为弹出窗或者弹出层来实现的,为什么这么说?看如下代码:      <!DOCTYPE html> <html> & ...

  8. Android应用之——百度地图最新SDK3.0应用,实现最经常使用的标注覆盖物以及弹出窗覆盖物

    版权声明:本文为博主原创文章,未经博主同意不得转载. https://blog.csdn.net/yanglfree/article/details/33333413 一.概述 最新版的百度地图SDK ...

  9. jquery Mobile弹出窗

    先创建一个窗体 <div data-role="popup" id="popupView" class="ui-content" da ...

随机推荐

  1. LINQ To SQL && Lambda 使用方法小结 (转)

    1. 查询Student表中的所有记录的Sname.Ssex和Class列.select sname,ssex,class from studentLinq: from s in Students   ...

  2. 用扩展方法实现DevExpress-GridControl级联效果

    首先,让我们先回顾下.Net中扩展方法的特征: 1.  必须在一个非嵌套.非泛型的静态类中: 2.  至少有一个参数(this 作前缀的参数): 3.  第一个参数必须附加this做前缀: 4.  第 ...

  3. git@osc使用教程

    http://my.oschina.net/openswc/blog/142321 Git初体验 http://my.oschina.net/dxqr/blog/134811 网友整理的git@osc ...

  4. FatMouse and Cheese 动态化搜索

    FatMouse and Cheese Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Othe ...

  5. boost锁的使用

    boost锁的概述 boost库中提供了mutex类与lock类,通过组合可以轻易的构建读写锁与互斥锁. ▲     mutex对象类 mutex类提供互斥量,主要有两种:boost::mutex,b ...

  6. do from a specific ip

    ping -S 192.168.240.1 sohu.com telnet -b 192.168.240.1 sohu.com 80

  7. iOS图片缓存框架SDWebImage

    本文转发至: http://blog.csdn.net/uxyheaven/article/details/7909373 http://www.cocoachina.com/ios/20141212 ...

  8. PAT (Advanced Level) 1084. Broken Keyboard (20)

    简单题. #include<cstdio> #include<cstring> #include<cmath> #include<vector> #in ...

  9. JAVA语法题

    import java.util.*; public class Birthdays { public static void main(String[] args){ Map<Friends, ...

  10. (一)phoneGap之环境搭建教程及其example分析

    phoneGap之环境搭建教程及其example分析 一.环境搭建 与普通的开发android应用一样,phoneGap也同于原生android应用一样,环境相同,只是有部分不同,下面就我做理解,进行 ...