为GRIDVIEW“删除”列添加确认对话框

如何为gridview控件里的删除列添加一个确认对话框?网上众说纷纭,大致见到了三种解决方案,现归纳如下:
1
、继承Web.IO里的button控件,为其实现一个IPostback的接口用于回调,具体代码之复杂,只有作者自己想体会吧……
2
、在gridviewRowDataBound事件中,遍历所有子控件,若属于LinkButton类,且CommandName“Delete”,就调用其Atributes.Add方法,添加一个onclick事件内含confirm语句,即

lb.Attributes.Add("onclick", "return confirm('您真的要删除此行吗?')");

这种做法效率低下而且代码十分不雅。

3目前已知的最简洁的方法,如图,在删除按钮的那一列属性里面,把DeleteText属性设为

<div id="de" οnclick="JavaScript:return confirm('确定删除吗?')">删除</div> 

这个太强了,赞一个。

可问题是,.net输出的html代码如下:

<href="javascript:__doPostBack('ctl00$ContentPlaceHolder1$GridView1','Delete$0')" style="color:#4A3C8C;"><div id="de" onclick="JavaScript:return confirm('确定删除吗?')">删除</div></a> 

为什么内层<div>onclick事件所返回的bool值能影响到外层<a>标签的的语句是否被执行呢?
仔细想了想,以前用asp直接写的删除标签是这个样子的:

<href="deleteUser.asp?id=xxx"  onclick="return confirm('确定删除吗?')">删除</a> 

也就是说,onclick事件接受一个bool值,其决定了click事件是否被触发。若click事件没有被触发,href内含的跳转动作就不会生效。同理,之前的那段代码中,<div><a>中,只有先触发<div>click事件,<a>的跳转动作才会生效。而我们在<div>onclick事件中若选择为其赋值false,随即取消了<div>click事件,也同时取消了<a>的跳转。

之后,新的问题又来了。如果我们的CommandFieldButtonTypeButton的话,这段代码就失效了。我想了下,可以通过将其转换为模板列的方式来解决。
先将该字段转换成模板,然后编辑这个模板列,选中用于删除的Button,将其onClientClick属性设为

return confirm('您确认删除要删除么?')

即可。

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值