增强用户体验友好性之easyui window 窗口关闭时的提示


在项目中,客户提出这么个要求,就是在关闭弹出的窗口的时候,如果点击 红X 或 取消按钮 则提示 ”确认保存了当前的操作“ 这么个信息,否则就不提示啦。

我的弹窗是这么写的
$('#aa').click(function(){ //按钮单击事件

  $('#w').window({//窗口初始化

    title:'随便点',width:400,height:300,iconCls:'icon_add',

    //重要的部分

    onBeforeClose:function(){ //当面板关闭之前触发的事件

      if (confirm('窗口正在关闭,请确认您当前的操作已保存。\n 是否继续关闭窗口?')) {

        $('#w').window('close', true); //这里调用close 方法,true 表示面板被关闭的时候忽略onBeforeClose 回调函数。

      } else
        return false;

 

    }

  });

});

 

这样就OK啦,在点击红X 或者取消|关闭之类的按钮的时候就弹出confirm 窗口点确定关闭window,点取消保留window.

如果不想弹出提示,就直接调用:$('#w').window('close', true)


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM