zoukankan      html  css  js  c++  java
  • DataGrid中添加删除确认对话框 多种实现

    在DataGrid的使用中,经常需要为删除按纽添加确认对话框,根据我的学习经验,总结了三种方法,原理都是在客户端为删除按纽添加脚本代码来实现删除前弹出确认对话框。
    方法一:
    当为DataGrid控件添加删除按纽后,为DataGrid控件添加ItemDataBound事件处理程序,代码如下:
    //添加删除确认对话框。
       switch(e.Item.ItemType)
       {
        case ListItemType.Item:
        case ListItemType.EditItem:
        case ListItemType.AlternatingItem:
         ((LinkButton)e.Item.Cells[4].Controls[0]).Attributes.Add("onclick","return confirm('你真的要删除第"+(e.Item.ItemIndex+1).ToString()+"行吗?');");
         break;
       }
    其中,e.Item.Cells[4]说明你添加的删除按纽在DataGrid控件中位于第五列,列号从0开始。
    方法二:使用模板列
    1.为DataGrid添加一个模板列,名为“自定义删除”,在这个模板列中添加一个按纽,将按纽的CommandName属性设为UserDelete;
    2.为DataGrid添加ItemCreated事件,添加客户端脚本程序,代码如下:
    switch(e.Item.ItemType)
       {
        case ListItemType.Item:
        case ListItemType.EditItem:
        case ListItemType.AlternatingItem:
         Button myDelButton = (Button)e.Item.FindControl("btnDelete");
         myDelButton.Attributes.Add("onclick","return confirm('你真的要删除第"+(e.Item.ItemIndex+1).ToString()+"行吗?');");
         break;
       }
    3.为DataGrid添加ItemCommand事件,处理删除事件,代码如下:
    if(e.CommandName == "UserDelete")
       {
          //执行删除。
       }
    方法三:
    这种方法很少见到人用,但却是最简单的方法,方法如下:
    将DataGrid的删除按纽的文本属性设为如下代码:
    <span id=d onclick="JavaScript:return confirm('你真的要删除这一行吗?');">删除</span>
  • 相关阅读:
    bootstrap-treeview 父子节点的全选与取消全选
    Nginx 中 proxy_pass 的斜杠问题
    Nginx 安装 echo-nginx-module 模块
    Nginx 内置变量与正则
    SpringBoot 整合 FastDFS
    CentOS7 搭建 FastDFS 环境
    配置 Idea + EmmyLua插件开发环境
    SpringBoot 整合 RabbitMQ
    数据结构笔记-环形队列
    SpringBoot 通过自定义 Mybatis 拦截器,实现 SQL 的改写
  • 原文地址:https://www.cnblogs.com/zkxp/p/338079.html
Copyright © 2011-2022 走看看