增强用户体验友好性之jquery easyui window 窗口关闭时的提示
更新时间：2012年06月22日 23:41:43 作者：
在项目中，客户提出这么个要求，就是在关闭弹出的窗口的时候，如果点击 红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)
复制代码 代码如下:
$('#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中的$(document).ready()与window.onload的区别
- jquery $(document).ready() 与window.onload的区别
- jQuery创建自己的插件(自定义插件)的方法
- 基于Jquery的仿Windows Aero弹出窗(漂亮的关闭按钮)
- 自定义一个jquery插件[鼠标悬浮时候 出现说明label]
- JQuery扩展插件Validate 5添加自定义验证方法
- jQuery中使用了document和window哪些属性和方法小结
- Jquery插件之打造自定义的select标签
- 使用jQuery.fn自定义jQuery翻页插件
- 用Jquery重写windows.alert方法实现思路
- jquery trigger伪造a标签的click事件取代window.open方法
- jQuery实现的一个自定义Placeholder属性插件
- jQuery UI插件自定义confirm确认框的方法
- jquery自定义插件开发之window的实现过程
相关文章
jQuery中的read和JavaScript中的onload函数的区别
这篇文章主要介绍了jQuery中的read和JavaScript中的onload函数的区别,这两个函数在web编程中是最常用的,一定要搞清楚它们的区别,需要的朋友可以参考下2014-08-08
JQuery WEUI Select 组件增加搜索栏示例demo
这篇文章主要介绍了JQuery WEUI Select 组件增加搜索栏示例demo,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧2023-10-10
这篇文章主要介绍了jquery实现点击空白处隐藏元素div等方法和实现代码的讲解，一起学习下。2017-12-12
内容过滤选择器：根据元素中的文字内容或所包含的子元素特征获取元素，其文字内容可以模糊或绝对匹配进行元素定位，接下来为大家详细介绍下jQuery选择器，感兴趣的朋友可以参考下哈2013-04-04
这篇文章主要介绍了jQuery使用bind函数实现绑定多个事件的方法,结合简单实例形式分析了jQuery使用bind函数进行多个事件绑定的操作技巧与注意事项,需要的朋友可以参考下2017-10-10
EasySlider 基于jQuery功能强大简单易用的滑动门插件
Easy Slider 是一个滑动门插件，支持任何图片或内容，当点击时实现横向或纵向滑动。它拥有一系列丰富的参数设置，可通过CSS来进行完全的控制。2010-06-06
这篇文章主要介绍了jQuery遍历json的方法,结合实例形式分析了jQuery针对json格式数据的遍历操作相关技巧,需要的朋友可以参考下2016-04-04
这部分作为后台的一部分实现，目的是实现某个指定目录下所有文件夹和文件的浏览，同时不显示不允许的格式，对于文本格式和代码文件可以进行编辑2008-10-10
本篇文章主要介绍了jquery replace方法去空格的相关知识，具有很好的参考价值。下面跟着小编一起来看下吧2017-05-05
学习了jquery,发现其功能真的很令我惊讶，为表格添加背景色用css也可以实现，却不得不在<tr>标签里一行一行地添加，但用jquery只需四行代码，就是这样精简的用法，让我对jquery产生了极大的兴趣，也不得不惊叹新兴的技术所带来的效率！2010-01-01
最新评论