增強用戶體驗友好性之jquery easyui window 窗口關(guān)閉時的提示
更新時間:2012年06月22日 23:41:43 作者:
在項目中,客戶提出這么個要求,就是在關(guān)閉彈出的窗口的時候,如果點擊 紅X 或 取消按鈕 則提示 ”確認(rèn)保存了當(dāng)前的操作“ 這么個信息,否則就不提示啦
我的彈窗是這么寫的
$('#aa').click(function(){ //按鈕單擊事件
$('#w').window({//窗口初始化
title:'隨便點',width:400,height:300,iconCls:'icon_add',
//重要的部分
onBeforeClose:function(){ //當(dāng)面板關(guān)閉之前觸發(fā)的事件
if (confirm('窗口正在關(guān)閉,請確認(rèn)您當(dāng)前的操作已保存。\n 是否繼續(xù)關(guān)閉窗口?')) {
$('#w').window('close', true); //這里調(diào)用close 方法,true 表示面板被關(guān)閉的時候忽略onBeforeClose 回調(diào)函數(shù)。
} else
return false;
}
});
});
這樣就OK啦,在點擊紅X 或者取消|關(guān)閉之類的按鈕的時候就彈出confirm 窗口點確定關(guān)閉window,點取消保留window.
如果不想彈出提示,就直接調(diào)用:$('#w').window('close', true)
復(fù)制代碼 代碼如下:
$('#aa').click(function(){ //按鈕單擊事件
$('#w').window({//窗口初始化
title:'隨便點',width:400,height:300,iconCls:'icon_add',
//重要的部分
onBeforeClose:function(){ //當(dāng)面板關(guān)閉之前觸發(fā)的事件
if (confirm('窗口正在關(guān)閉,請確認(rèn)您當(dāng)前的操作已保存。\n 是否繼續(xù)關(guān)閉窗口?')) {
$('#w').window('close', true); //這里調(diào)用close 方法,true 表示面板被關(guān)閉的時候忽略onBeforeClose 回調(diào)函數(shù)。
} else
return false;
}
});
});
這樣就OK啦,在點擊紅X 或者取消|關(guān)閉之類的按鈕的時候就彈出confirm 窗口點確定關(guān)閉window,點取消保留window.
如果不想彈出提示,就直接調(diào)用:$('#w').window('close', true)
您可能感興趣的文章:
- jquery中的$(document).ready()與window.onload的區(qū)別
- jquery $(document).ready() 與window.onload的區(qū)別
- jQuery創(chuàng)建自己的插件(自定義插件)的方法
- 基于Jquery的仿Windows Aero彈出窗(漂亮的關(guān)閉按鈕)
- 自定義一個jquery插件[鼠標(biāo)懸浮時候 出現(xiàn)說明label]
- JQuery擴(kuò)展插件Validate 5添加自定義驗證方法
- jQuery中使用了document和window哪些屬性和方法小結(jié)
- Jquery插件之打造自定義的select標(biāo)簽
- 使用jQuery.fn自定義jQuery翻頁插件
- 用Jquery重寫windows.alert方法實現(xiàn)思路
- jquery trigger偽造a標(biāo)簽的click事件取代window.open方法
- jQuery實現(xiàn)的一個自定義Placeholder屬性插件
- jQuery UI插件自定義confirm確認(rèn)框的方法
- jquery自定義插件開發(fā)之window的實現(xiàn)過程
相關(guān)文章
使用jquery.upload.js實現(xiàn)異步上傳示例代碼
這篇文章主要介紹了使用jquery.upload.js實現(xiàn)異步上傳的示例代碼,需要的朋友可以參考下2014-07-07jQuery ajax實現(xiàn)省市縣三級聯(lián)動
這篇文章主要為大家詳細(xì)介紹了jQuery ajax實現(xiàn)省市縣三級聯(lián)動的相關(guān)資料,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-03-03jquery.blockUI.js上傳滾動等待效果實現(xiàn)思路及代碼
上傳滾動等待效果想必大家在很多場合都有見過吧,本文將介紹jquery.blockUI.js實現(xiàn)上傳滾動等待效果,感興趣的你可不要錯過了哈,希望可以幫助到你2013-03-03JQuery以JSON方式提交數(shù)據(jù)到服務(wù)端示例代碼
這篇文章主要介紹了JQuery如何以JSON方式提交數(shù)據(jù)到服務(wù)端,需要的朋友可以參考下2014-05-05jquery判斷RadioButtonList和RadioButton中是否有選中項示例
用jquery判斷RadioButtonList和RadioButton中是否有選中項,下面有個不錯的示例,感興趣的朋友可以參考下2013-09-09