增強(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)說明label]
- JQuery擴(kuò)展插件Validate 5添加自定義驗(yàn)證方法
- jQuery中使用了document和window哪些屬性和方法小結(jié)
- Jquery插件之打造自定義的select標(biāo)簽
- 使用jQuery.fn自定義jQuery翻頁插件
- 用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自定義插件開發(fā)之window的實(shí)現(xiàn)過程
相關(guān)文章
jQuery中的read和JavaScript中的onload函數(shù)的區(qū)別
這篇文章主要介紹了jQuery中的read和JavaScript中的onload函數(shù)的區(qū)別,這兩個(gè)函數(shù)在web編程中是最常用的,一定要搞清楚它們的區(qū)別,需要的朋友可以參考下2014-08-08
JQuery WEUI Select 組件增加搜索欄示例demo
這篇文章主要介紹了JQuery WEUI Select 組件增加搜索欄示例demo,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2023-10-10
jquery如何實(shí)現(xiàn)點(diǎn)擊空白處隱藏元素
這篇文章主要介紹了jquery實(shí)現(xiàn)點(diǎn)擊空白處隱藏元素div等方法和實(shí)現(xiàn)代碼的講解，一起學(xué)習(xí)下。2017-12-12
使用jQuery內(nèi)容過濾選擇器選擇元素實(shí)例講解
內(nèi)容過濾選擇器：根據(jù)元素中的文字內(nèi)容或所包含的子元素特征獲取元素，其文字內(nèi)容可以模糊或絕對(duì)匹配進(jìn)行元素定位，接下來為大家詳細(xì)介紹下jQuery選擇器，感興趣的朋友可以參考下哈2013-04-04
jQuery使用bind函數(shù)實(shí)現(xiàn)綁定多個(gè)事件的方法
這篇文章主要介紹了jQuery使用bind函數(shù)實(shí)現(xiàn)綁定多個(gè)事件的方法,結(jié)合簡單實(shí)例形式分析了jQuery使用bind函數(shù)進(jìn)行多個(gè)事件綁定的操作技巧與注意事項(xiàng),需要的朋友可以參考下2017-10-10
EasySlider 基于jQuery功能強(qiáng)大簡單易用的滑動(dòng)門插件
Easy Slider 是一個(gè)滑動(dòng)門插件，支持任何圖片或內(nèi)容，當(dāng)點(diǎn)擊時(shí)實(shí)現(xiàn)橫向或縱向滑動(dòng)。它擁有一系列豐富的參數(shù)設(shè)置，可通過CSS來進(jìn)行完全的控制。2010-06-06
這篇文章主要介紹了jQuery遍歷json的方法,結(jié)合實(shí)例形式分析了jQuery針對(duì)json格式數(shù)據(jù)的遍歷操作相關(guān)技巧,需要的朋友可以參考下2016-04-04
JQuery AJAX實(shí)現(xiàn)目錄瀏覽與編輯的代碼
這部分作為后臺(tái)的一部分實(shí)現(xiàn)，目的是實(shí)現(xiàn)某個(gè)指定目錄下所有文件夾和文件的瀏覽，同時(shí)不顯示不允許的格式，對(duì)于文本格式和代碼文件可以進(jìn)行編輯2008-10-10
本篇文章主要介紹了jquery replace方法去空格的相關(guān)知識(shí)，具有很好的參考價(jià)值。下面跟著小編一起來看下吧2017-05-05
學(xué)習(xí)了jquery,發(fā)現(xiàn)其功能真的很令我驚訝，為表格添加背景色用css也可以實(shí)現(xiàn)，卻不得不在<tr>標(biāo)簽里一行一行地添加，但用jquery只需四行代碼，就是這樣精簡的用法，讓我對(duì)jquery產(chǎn)生了極大的興趣，也不得不驚嘆新興的技術(shù)所帶來的效率！2010-01-01