layer实现在前台删除前确认弹出框，并回调后台删除事件

最近遇到一些问题，用layer提示消息框，比如删除时，提示消息确定后 return false时，则不管用了，因为layer不支持阻塞，下面就解决一下这个问题：(本文使用Xcode,如要学习，请复下面连接到地址栏:http://www.cnblogs.com/nnhy/archive/2012/02/27/2369263.html)

删除按钮代码：

<asp:Button ID="btnDel" name="btnDel" runat="server" Text="删除" class="btn btn-gray" OnClientClick="return resDel();" OnClick="btnDel_Click" UseSubmitBehavior="false" />

注意添加属性 UseSubmitBehavior="false"  这个属性必须添加，使删除按钮手动提交

基本思路为：

重新写一个函数来封闭下layer.confirm();如下
参数说明:msg为提示信息内容，eventTarget为要提交到后台事件的控件name,eventArgument为提交参数，没有参数时为空就行了。

 function layerConfirm(msg, eventTarget, eventArgument) {
           layer.confirm(msg, function (index) {
               __doPostBack(eventTarget, eventArgument);

           });

       }

以下为详细解析：

js的代码：

<script type="text/javascript">
    function resDel() {
        layer.confirm("您确定要删除吗？", function (index) {
            __doPostBack('btnDel', '');
        });

    }
</script>

后台删除按钮事件代码：

 /// <summary>
         /// 删除按钮事件
         /// </summary>
         /// <param name="sender"></param>
         /// <param name="e"></param>
         protected void btnDel_Click(object sender, EventArgs e)
         {
             string select = CRequest.GetString("selectid");
             if (select.Trim() == "")
             {
                 Jscript.Alert("您没有选择数据!", this.Page);
                 return;
             }
             if (_user.DepartmentTypeId == (int)AdminDepartmentTypeEnums.Manager || _user.IsGroupLeader)
             {
                 FriendlyLink.DeleteAll(string.Format("Id in({0})", select));
                 Jscript.AlertAndRedirect("删除成功！", this.Request.RawUrl);
             }
             else
             {
                 Jscript.Alert("您没有权限删除！", this.Page);
                 return;
             }
         }

这时还要在Page_load里添加回调的判断语句（代码如下）：

 string controlName = Request.Params.Get("__EVENTTARGET");//eventTarget为要提交到后台事件的控件name
                 string eventArgument = Request.Params.Get("__EVENTARGUMENT");//用此参数判断按钮是否被点击(参数值可随意写)
                 if (controlName == "btnDel" && eventArgument == "")//判断两个参数是否满足对应的数据，如满足则调用事件
                 {
                     btnDel_Click(sender, e);
                 }

这时执行会发现

页面报这个错误

• 发生原因：

.NET基于页面中的输出元素会在最终页面中生成一个__EVENTVALIDATION隐藏字段。做了一个简单的测试。页面中创建一个<asp: button id="btnSubmit" runat="server" text="Submit" tooltip="Submit" />，同时创建对应的Click事件处理程序。运行程序，可以正确响应事件。然后设置btnSubmit.Visable=false，手动在页面 上面添加<input type="submit" name="btnSubmit" value="Submit" />。运行程序，会出现一个包含EnableEventValidation内容的异常。设置<@Page EnableEventValidation="false">再运行程序，又可以正确响应事件。观察前后两次__EVENTVALIDATION 的内容，可以发现是不同的。关于出现的异常，可以认为在输出的时候没有包含btnSubmit，可是再提交到后台的时候却有相应的内容，前后不一致，所以 在开启事件校验的情况下.NET抛出了异常。

• 解决办法1：

Page_Load(object sender, EventArgs e)
{
    if (!Page.IsPostBack)
    {
        //绑定数据;
    }
}

• 解决办法2：

在页面头部<%@Page ....  %>中添加  EnableEventValidation="false"

 

这个时候再执行，页面已经能正常layer提示并删除了，希望会帮到你。

PS：写的比较匆忙，有任何意见和建议的望回复，我也会更正错误、解决问题。

 

 

     　　　　　　　　　　　　　　　　　　　　　　　　本篇经验系本人依照真实经历原创，未经许可，谢绝转载。