AspNet中使用JQuery boxy插件的確認框
更新時間：2015年05月20日 10:17:00 投稿：hebedich
Boxy是一個基于JQuery的彈出層插件，它有相對漂亮的外觀，功能齊全，支持iframe，支持模式窗口但相對于同樣的彈出層插件BlockUI它明顯笨重，但使用不那么方便。 兼容瀏覽器：IE6+/Firefox/Google Chrome
JQuery有不少彈出框的插件，boxy應該算的上是功能和效果都還不錯的一款了。先來看一張效果圖吧。
在Web開發(fā)中經(jīng)常會使用到Alert和Confirm彈出框，在Asp.Net中的刪除按鈕上我們常常會加上刪除的確認提示，以避免誤刪除數(shù)據(jù)，就像上面圖片那樣。我們一般會寫出這樣的代碼。
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title></title>
<script type="text/javascript">
function confirmDel() {
return confirm("您確認要刪除嗎？");
}
</script>
</head>
<body>
<form id="form1" runat="server">
<asp:Button ID="btnDel" runat="server"
OnClientClick="return confirmDel();" Text="刪除" />
</form>
</body>
</html>
上面的代碼很簡單，confirm彈出框會有兩個按鈕，點擊確定返回true，點擊取消返回false。在boxy插件中也有confirm方法，調(diào)用代碼如下：
$(document).ready(function() {
$("#btnDel").click(function() {
Boxy.confirm("您確認要刪除嗎？", function() { }, null);
return false;
});
});
Boxy的confirm方法有三個參數(shù)分別是確認信息內(nèi)容，彈出框點擊確定的回調(diào)函數(shù)，一些設置項比如標題。上面的代碼中如果不加上return false，那么彈出框會閃現(xiàn)，然后刪除按鈕的后天事件還是執(zhí)行了。加上return false，那么不管是點擊確定還是取消都不會執(zhí)行后臺事件，這顯然達不到我們的要求，看來只能打點擊確定后的回調(diào)函數(shù)的主意了?？梢栽谝粋€公用的js文件中將Boxy的confirm封裝一下：
頁面的調(diào)用代碼如下：
$(document).ready(function() {
$("#Button1").click(function() { return confirmO(this, "您確認刪除嗎？") });
});
經(jīng)過這樣修改后，但點擊彈出框的確定按鈕時就會執(zhí)行服務器事件了。
以上所述就是本文的全部內(nèi)容了，希望大家能夠喜歡。
相關文章
這篇文章主要介紹了jQuery實現(xiàn)每隔幾條元素增加1條線的方法,可實現(xiàn)每隔10條li元素增加一條虛線的功能,涉及jQuery元素的匹配與屬性動態(tài)設置技巧,需要的朋友可以參考下2016-06-06
jQuery實現(xiàn)自動調(diào)整字體大小的方法
這篇文章主要介紹了jQuery實現(xiàn)自動調(diào)整字體大小的方法,涉及jQuery針對頁面屬性與樣式動態(tài)操作的相關技巧,需要的朋友可以參考下2015-06-06
第一次做的插件，我這個插件好像使用有些另類，是調(diào)用數(shù)據(jù)展示容器的元素$(#DataContent).AmSetPager({...});在參數(shù)中配置分頁容器元素ID。寫完插件后看別的插件都是調(diào)用分頁元素ID2013-04-04
這篇文章主要為大家詳細介紹了jQuery選擇器實例應用，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-01-01
Jquery+WebService 校驗賬號是否已被注冊的代碼
在Javascirpt代碼中，調(diào)用Jquery的方法$.Ajax(function)實現(xiàn)Ajax,傳遞賬號信息給Web服務，Web服務再調(diào)用數(shù)據(jù)庫操作類查詢數(shù)據(jù)庫，并返回數(shù)據(jù)給前臺頁面。2010-07-07
在網(wǎng)頁上只有一個小區(qū)域，但是說明性的文字又很長，下面這段腳本實現(xiàn)的是長文字的部分顯示，有類似需求的朋友可以參考下哈，希望對你有所幫助2015-06-06
本文將為大家收集10個超贊的jQuery圖片滑塊動畫,都是小編精挑細選而來，希望這些現(xiàn)成的jQuery插件將為你節(jié)省很多開發(fā)時間。2016-01-01
獲得頁面元素的坐標值也是一項比較實用的功能，接下來為大家詳細介紹下如何實現(xiàn)，yulutxt是輸入經(jīng)典語錄的輸入框feedBackMessage函數(shù)為執(zhí)行2013-04-04
jQuery去掉字符串起始和結(jié)尾的空格(多種方法實現(xiàn))
去掉字符串起始和結(jié)尾的空格在實際應用中時很常見的的功能，本教程以多種方法為大家介紹下去掉空格的方法，感興趣的朋友可以參考下哈2013-04-04
二維碼在現(xiàn)實生活中已經(jīng)應用很廣泛，本篇介紹了使用jquery.qrcode.js生成二維碼，有需要的朋友可以進來了解一下。2016-10-10