教程集 www.jiaochengji.com
教程集 >  jQuery  >  jquery 教程  >  正文 增强用户体验友好性之jquery easyui window 窗口关闭时的提示

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

发布时间:2013-05-22   编辑:jiaochengji.com
在项目中,客户提出这么个要求,就是在关闭弹出的窗口的时候,如果点击 红X 或 取消按钮 则提示 ”确认保存了当前的操作“ 这么个信息,否则就不提示啦
在项目中,客户提出这么个要求,就是在关闭弹出的窗口的时候,如果点击 红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)

您可能感兴趣的文章:
增强用户体验友好性之jquery easyui window 窗口关闭时的提示
jBox 2.3基于jquery的最新多功能对话框插件 常见使用问题解答
解析jquery获取父窗口的元素
jquery easyui入门教程(2)
Jquery插件 easyUI属性汇总
javascript编程基础(6)-Window窗口对象
js window.location、document.location、document.URL 对像的区别有哪些
jquery easyui 对话框用法示例
C#实现点击按钮退出应用程序实例
JS父子窗口相互取值与赋值的方法参考

[关闭]
~ ~