欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-06-26 09:55:39
代码如下: $('#aa').click(function(){ //按钮单击事件   $('#w').window({//窗口初始化     title:'...

代码如下:

$('#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)。