在AspNet中使用JQuery boxy插件的确认框

JQuery有很多弹出的插件，boxy应该算是功能和效果都不错的一个。我们先来看一个渲染。

Web开发中经常会用到Alert和Confirm弹出框，我们经常会在Asp.Net的删除按钮上添加删除确认提示，避免误删数据，就像上图一样。我们通常写这样的代码。

xmlns=' http://www.w3.org/1999/XHTML' head runat=' server ' title/title scripttype=' text/JavaScript ' function confirm del(){ return confirm('您确定要删除它吗？);} /script/headbody表单ID=' form 1 ' runat=' server ' asp: button ID=' btnDel ' runat=' server ' OnClientClick=' return confirm del()；text=' delete '/form/body/html上面的代码非常简单。确认弹出框将有两个按钮。单击确定返回真，单击取消返回假。boxy插件中还有一个确认方法，调用代码如下：

$(文档)。ready (function () {$ ('# btndel '))。单击(function () {boxy。确认('您确定要删除它吗？'，function() { }，null)；返回false});});Boxy的确认方法有三个参数：确认信息内容，在弹出的框中点击确定的回调函数，设置标题等一些项目。如果上述代码中没有添加return false，弹出框会闪烁，然后删除按钮的后天事件仍然会执行。如果增加了return false，无论点击OK还是cancel，都不会执行后台事件，显然不符合我们的要求。看来只能点击确定回调函数了。您可以将Boxy的确认封装在公共js文件中：

该页面的调用代码如下：

$(文档)。ready (function () {$ ('# button1 '))。单击(function () {return confirmation(返回确认)，'您确定要删除它吗？') });});修改后，当您单击弹出框中的确定按钮时，将执行服务器事件。

以上就是本文的全部内容，希望大家喜欢。