快捷導(dǎo)航

AspNet中使用JQuery boxy插件的確認(rèn)框

更新時(shí)間：2015年05月20日 10:17:00 投稿：hebedich

Boxy是一個(gè)基于JQuery的彈出層插件，它有相對(duì)漂亮的外觀，功能齊全，支持iframe，支持模式窗口但相對(duì)于同樣的彈出層插件BlockUI它明顯笨重，但使用不那么方便。兼容瀏覽器：IE6+/Firefox/Google Chrome

JQuery有不少彈出框的插件，boxy應(yīng)該算的上是功能和效果都還不錯(cuò)的一款了。先來看一張效果圖吧。

在Web開發(fā)中經(jīng)常會(huì)使用到Alert和Confirm彈出框，在Asp.Net中的刪除按鈕上我們常常會(huì)加上刪除的確認(rèn)提示，以避免誤刪除數(shù)據(jù)，就像上面圖片那樣。我們一般會(huì)寫出這樣的代碼。

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
  <title></title>
   <script type="text/javascript">
     function confirmDel() {
       return confirm("您確認(rèn)要?jiǎng)h除嗎？");
     }
  </script>
</head>
<body>
  <form id="form1" runat="server">
    <asp:Button ID="btnDel" runat="server" 
OnClientClick="return confirmDel();" Text="刪除" />
  </form>
</body>
</html>

上面的代碼很簡(jiǎn)單，confirm彈出框會(huì)有兩個(gè)按鈕，點(diǎn)擊確定返回true，點(diǎn)擊取消返回false。在boxy插件中也有confirm方法，調(diào)用代碼如下：

$(document).ready(function() {
  $("#btnDel").click(function() {
    Boxy.confirm("您確認(rèn)要?jiǎng)h除嗎？", function() { }, null);
    return false;
  });

});

Boxy的confirm方法有三個(gè)參數(shù)分別是確認(rèn)信息內(nèi)容，彈出框點(diǎn)擊確定的回調(diào)函數(shù)，一些設(shè)置項(xiàng)比如標(biāo)題。上面的代碼中如果不加上return false，那么彈出框會(huì)閃現(xiàn)，然后刪除按鈕的后天事件還是執(zhí)行了。加上return false，那么不管是點(diǎn)擊確定還是取消都不會(huì)執(zhí)行后臺(tái)事件，這顯然達(dá)不到我們的要求，看來只能打點(diǎn)擊確定后的回調(diào)函數(shù)的主意了?？梢栽谝粋€(gè)公用的js文件中將Boxy的confirm封裝一下：

頁面的調(diào)用代碼如下：

$(document).ready(function() {
  $("#Button1").click(function() { return confirmO(this, "您確認(rèn)刪除嗎？") });

});

經(jīng)過這樣修改后，但點(diǎn)擊彈出框的確定按鈕時(shí)就會(huì)執(zhí)行服務(wù)器事件了。

以上所述就是本文的全部內(nèi)容了，希望大家能夠喜歡。

您可能感興趣的文章:

最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

AspNet中使用JQuery boxy插件的確認(rèn)框

相關(guān)文章

最新評(píng)論

大家感興趣的內(nèi)容

最近更新的內(nèi)容

常用在線小工具