增強用戶體驗友好性之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(){ //當面板關閉之前觸發(fā)的事件
if (confirm('窗口正在關閉,請確認您當前的操作已保存。\n 是否繼續(xù)關閉窗口?')) {
$('#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(){ //當面板關閉之前觸發(fā)的事件
if (confirm('窗口正在關閉,請確認您當前的操作已保存。\n 是否繼續(xù)關閉窗口?')) {
$('#w').window('close', true); //這里調用close 方法,true 表示面板被關閉的時候忽略onBeforeClose 回調函數。
} else
return false;
}
});
});
這樣就OK啦,在點擊紅X 或者取消|關閉之類的按鈕的時候就彈出confirm 窗口點確定關閉window,點取消保留window.
如果不想彈出提示,就直接調用:$('#w').window('close', true)
您可能感興趣的文章:
- jquery中的$(document).ready()與window.onload的區(qū)別
- jquery $(document).ready() 與window.onload的區(qū)別
- jQuery創(chuàng)建自己的插件(自定義插件)的方法
- 基于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自定義插件開發(fā)之window的實現過程
相關文章
jquery.blockUI.js上傳滾動等待效果實現思路及代碼
上傳滾動等待效果想必大家在很多場合都有見過吧,本文將介紹jquery.blockUI.js實現上傳滾動等待效果,感興趣的你可不要錯過了哈,希望可以幫助到你2013-03-03
jquery判斷RadioButtonList和RadioButton中是否有選中項示例
用jquery判斷RadioButtonList和RadioButton中是否有選中項,下面有個不錯的示例,感興趣的朋友可以參考下2013-09-09

