增強(qiáng)用戶體驗(yàn)友好性之jquery easyui window 窗口關(guān)閉時(shí)的提示
更新時(shí)間：2012年06月22日 23:41:43 作者：
在項(xiàng)目中，客戶提出這么個(gè)要求，就是在關(guān)閉彈出的窗口的時(shí)候，如果點(diǎn)擊 紅X 或 取消按鈕 則提示 ”確認(rèn)保存了當(dāng)前的操作“ 這么個(gè)信息，否則就不提示啦
我的彈窗是這么寫的
$('#aa').click(function(){ //按鈕單擊事件
$('#w').window({//窗口初始化
title:'隨便點(diǎn)',width:400,height:300,iconCls:'icon_add',
//重要的部分
onBeforeClose:function(){ //當(dāng)面板關(guān)閉之前觸發(fā)的事件
if (confirm('窗口正在關(guān)閉，請(qǐng)確認(rèn)您當(dāng)前的操作已保存。\n 是否繼續(xù)關(guān)閉窗口？')) {
$('#w').window('close', true); //這里調(diào)用close 方法，true 表示面板被關(guān)閉的時(shí)候忽略onBeforeClose 回調(diào)函數(shù)。
} else
return false;
}
});
});
這樣就OK啦，在點(diǎn)擊紅X 或者取消|關(guān)閉之類的按鈕的時(shí)候就彈出confirm 窗口點(diǎn)確定關(guān)閉window,點(diǎn)取消保留window.
如果不想彈出提示，就直接調(diào)用：$('#w').window('close', true)
復(fù)制代碼 代碼如下:
$('#aa').click(function(){ //按鈕單擊事件
$('#w').window({//窗口初始化
title:'隨便點(diǎn)',width:400,height:300,iconCls:'icon_add',
//重要的部分
onBeforeClose:function(){ //當(dāng)面板關(guān)閉之前觸發(fā)的事件
if (confirm('窗口正在關(guān)閉，請(qǐng)確認(rèn)您當(dāng)前的操作已保存。\n 是否繼續(xù)關(guān)閉窗口？')) {
$('#w').window('close', true); //這里調(diào)用close 方法，true 表示面板被關(guān)閉的時(shí)候忽略onBeforeClose 回調(diào)函數(shù)。
} else
return false;
}
});
});
這樣就OK啦，在點(diǎn)擊紅X 或者取消|關(guān)閉之類的按鈕的時(shí)候就彈出confirm 窗口點(diǎn)確定關(guān)閉window,點(diǎn)取消保留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)閉按鈕)
- 自定義一個(gè)jquery插件[鼠標(biāo)懸浮時(shí)候 出現(xiàn)說(shuō)明label]
- JQuery擴(kuò)展插件Validate 5添加自定義驗(yàn)證方法
- jQuery中使用了document和window哪些屬性和方法小結(jié)
- Jquery插件之打造自定義的select標(biāo)簽
- 使用jQuery.fn自定義jQuery翻頁(yè)插件
- 用Jquery重寫windows.alert方法實(shí)現(xiàn)思路
- jquery trigger偽造a標(biāo)簽的click事件取代window.open方法
- jQuery實(shí)現(xiàn)的一個(gè)自定義Placeholder屬性插件
- jQuery UI插件自定義confirm確認(rèn)框的方法
- jquery自定義插件開(kāi)發(fā)之window的實(shí)現(xiàn)過(guò)程
相關(guān)文章
這篇文章主要介紹了jquery采用oop模式class類的使用方法,結(jié)合實(shí)例形式分析了jQuery模擬oop模式定義class類與方法的技巧,需要的朋友可以參考下2016-01-01
使用jquery.upload.js實(shí)現(xiàn)異步上傳示例代碼
這篇文章主要介紹了使用jquery.upload.js實(shí)現(xiàn)異步上傳的示例代碼,需要的朋友可以參考下2014-07-07
這篇文章主要介紹了文本域中換行符的替換,需要的朋友可以參考下2014-03-03
jQuery ajax實(shí)現(xiàn)省市縣三級(jí)聯(lián)動(dòng)
這篇文章主要為大家詳細(xì)介紹了jQuery ajax實(shí)現(xiàn)省市縣三級(jí)聯(lián)動(dòng)的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-03-03
jquery.blockUI.js上傳滾動(dòng)等待效果實(shí)現(xiàn)思路及代碼
上傳滾動(dòng)等待效果想必大家在很多場(chǎng)合都有見(jiàn)過(guò)吧，本文將介紹jquery.blockUI.js實(shí)現(xiàn)上傳滾動(dòng)等待效果，感興趣的你可不要錯(cuò)過(guò)了哈，希望可以幫助到你2013-03-03
這篇文章主要介紹了jQuery綁定自定義事件使用技巧,通過(guò)循環(huán)綁定所有的自定義事件,在恰當(dāng)?shù)臅r(shí)機(jī)調(diào)用,需要的朋友可以參考下。2016-06-06
ligerGrid是ligerui系列插件的核心控件，用戶可以快速地創(chuàng)建一個(gè)美觀,而且功能強(qiáng)大的表格,支持排序、分頁(yè)、多表頭、固定列等等2012-01-01
這篇文章主要介紹了jQuery新窗口打開(kāi)外鏈接的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-07-07
JQuery以JSON方式提交數(shù)據(jù)到服務(wù)端示例代碼
這篇文章主要介紹了JQuery如何以JSON方式提交數(shù)據(jù)到服務(wù)端,需要的朋友可以參考下2014-05-05
jquery判斷RadioButtonList和RadioButton中是否有選中項(xiàng)示例
用jquery判斷RadioButtonList和RadioButton中是否有選中項(xiàng)，下面有個(gè)不錯(cuò)的示例，感興趣的朋友可以參考下2013-09-09