为asp.net控件点击事件添加Confirm()

在aspx页面里, 我们试图在用户点击删除按钮的时候, 提示用户: "是否确认删除?", 我们可以有两种方法解决;

// 正确

<input id="delete" name="delete" type="submit" onclick="return confirm('是否确认删除?');" language="javascript" value="删除" runat="server" />

    上面的写法没有问题, 但是用的是html控件, 感觉有点别扭. 是啊, 有asp:button这个web控件不用, 反而用html控件, 这样总显得有点不够专业, ^_^. 但是如果我们在asp:button里这么写的话, 问题就来了:

// 出错

<asp:button id="delete" text="保存" onclick="return confirm('是否确认删除?')" runat="server" />，这种是错误的

    在页面显示示编译器会报错:

编译器错误信息: CS1041: 应输入标识符，“return”是关键字

    但是如果删除"return", 还是会报错:

编译器错误信息: CS1012: 字符文本中字符太多

    为什么会出现这个问题? 我没有仔细想过(年轻人办事总有点毛糙嘛:P), 不过据我猜测, 是web控件的onclick事件, 跟后台处理方法是关联的, 所以不能直接附加客户端脚本. 那么就没办法了, 办法是有的, 呵呵. 我在后台代码的Page_load方法里写:

// 正确

this.delete.Attributes.Add( "onclick", "if( !confirm('是否确认删除?') ){ return false; }" );

    为何不直接这么写:

// 逻辑问题

this.delete.Attributes.Add( "onclick", "return confirm('是否确认删除?');" );

    是因为如果web控件需要触发页面验证的时候, 会在页面该input按钮的onclick事件里, 附加上一段验证脚本, 也就是说生成的最终页面html代码看起来可以是这样的:

// 逻辑问题

<input id="delete" name="delete" type="submit" onclick="return confirm('是否确认删除?');if (typeof(Page_ClientValidate) == 'function') Page_ClientValidate(); " language="javascript" value="删除" runat="server" />

    上面脚本的问题就在于, 不论提示时确认还是取消, 都直接return了, 不会继续执行后面的页面验证脚本, 然而页面验证脚本是asp.net引擎在最后生成页面时才附加上去的, 无论如何, 咱们也没办法把脚本写在asp.net引擎生成的脚本后面, 所以我们的逻辑只能这么写, 如果提示时取消, 就return, 如果确认, 就不处理, 留待后面脚本继续执行.

    以上是页面按钮的写法, 适用于asp:button, asp:linkbutton等相当于页面按钮的web控件. 但是在asp:datagrid里, 因为是一个列表, 每行都有相同的控件, 控件名称是不确定的. 这次我们可以直接在页面写js脚本了. 譬如我们的aspgrid的删除列是这样的:

<asp:buttoncolumn headertext="操作" commandname="delete" text="删除" />

    我们在aspx页的html代码里加入如下脚本:

<script language="javascript" type="text/javascript">

function deleted()

{

    if(event.srcElement.innerText=="删除")

        event.returnValue=confirm("确实要删除此记录?");

}

document.onclick=deleted;

</script>

    以上应该有最好的方法, 我只是提出一种可行的实现方法, 呵呵.

自己总结：

　　用服务器控件时，有两种情况：一种是在数据集中（datagrid或repeater），一种不在这些中

　　第一种要在页面中添加

<script language="javascript" type="text/javascript">

function deleted()

{

    if(event.srcElement.innerText=="删除")

        event.returnValue=confirm("确实要删除此记录?");

}

document.onclick=deleted;

</script>

这里需要注意的是这个控件的值必须和上面一致，即="删除"，当然上面也可以用其他属性，比如ClassName等，前提是保持值一致

第二种要在后台代码的Page_Load事件中添加

this.delete.Attributes.Add( "onclick", "if( !confirm('是否确认删除?') ){ return false; }" );这句话