给DataGrid添加确定删除的功能

原创 2003年09月10日 11:04:00

给DataGrid添加确定删除的功能
DataGrid的功能我想大家是知道的,我在实际的应用中遇到如下的问题,客户要求在删除之前做一次提示。类

似于windows。首先我们都知道DataGrid支持删除的功能,我们可以向DataGrid里面添加删除列就可以实现,

下面我想用模板列来实现带提示的删除按钮。我们用northwind的示例数据库作为例子数据库操纵Categories表。

DataGrid的Html页的内容如下:
<asp:DataGrid id="grdTest" style="Z-INDEX: 101; LEFT: 205px; POSITION: absolute; TOP: 134px"

runat="server">
    <Columns>
     <asp:TemplateColumn>
      <ItemTemplate>
       <asp:Button id="btnDelete"

runat="server" Text="Button" CommandName="Delete"></asp:Button>
      </ItemTemplate>
     </asp:TemplateColumn>
    </Columns>
   </asp:DataGrid>
我们只添加了一个模板列,其他的列都是在运行的时候自动生成的。
可以看出这个模板列很像删除列但是又不是删除列,我们给一个普通的Button添加了一个CommandName

="Delete"的属性。这是用来响应DataGrid的ItemCommand事件的!在删除列里面就是这样的!

接下来就是后台代码了,代码如下所示:
private DataSet ds = new DataSet();
private void Page_Load(object sender, System.EventArgs e)
  {
   // 在此处放置用户代码以初始化页面
   if(!this.IsPostBack){
    string strConnection = ConfigurationSettings.AppSettings

["sa"].ToString();
    SqlConnection myConnection = new SqlConnection(strConnection);
    SqlDataAdapter myAdapter = new SqlDataAdapter("SELECT

CategoryID,CategoryName, Description FROM Categories",myConnection);
    myAdapter.Fill(ds);
    this.grdTest.DataSource = ds.Tables[0].DefaultView;
    this.grdTest.DataKeyField = "CategoryID";
    this.grdTest.DataBind();
   }
  }

接下来我们给模板列里面的每一个按钮都添加一个客户端的onclick事件。我想大家都应改知道Attributes属

性吧!可以通过他向客户端输出客户端控件的属性比如:长度、颜色等等。但是通常情况我们使用它添加客户

端事件。知道javascript的朋友肯定知道confirm了!它会弹出一个确认对话框如果确定才提交form否则就不

提交,所以使用这个也是很自然的了。
private void grdTest_ItemDataBound(object sender,

System.Web.UI.WebControls.DataGridItemEventArgs e) {
   switch(e.Item.ItemType){
    case ListItemType.Item:
    case ListItemType.AlternatingItem:
    case ListItemType.EditItem:{
     Button btn = (Button)e.Item.FindControl("btnDelete");
     btn.Attributes.Add("onclick", "return confirm('你是否

确定删除这条记录');");
     break;
    }
   }
  }
添加好这个事件里以后我们还需要添加如下的代码才能完成我们的工作:
private void grdTest_ItemCommand(object source,

System.Web.UI.WebControls.DataGridCommandEventArgs e) {
   if(e.CommandName == "Delete"){
    this.DeleteRow(this.grdTest.DataKeys[e.Item.ItemIndex].ToString

());
   }
  }
上面的事件就是我们点击DataGrid里面的控件的时候激发的事件,我们可以通过CommandName筛选出来我们想

要激发的方法DeleteRow(),一下就是这个方法的代码:
private void DeleteRow(string i){
   string strConnection = ConfigurationSettings.AppSettings["sa"].ToString

();
   SqlConnection myConnection = new SqlConnection(strConnection);
   SqlCommand cmd = new SqlCommand("DELETE FROM Categories WHERE

(CategoryID = "+i+")",myConnection);
   myConnection.Open();
   cmd.ExecuteNonQuery();
   myConnection.Close();
  }
上面的函数接收一个参数,此参数是当前选中行的关键字。
有错误的地方请多多指教。e_mail:wu_jian830@hotmail.com

datagrid 基本添加行,删除行,插入行,自定义方法

一、需要引入的文件 二、代码详解 /* 允许编辑单元格 */ $('#contentTable').datagrid().datagrid('enableCellEditing'); /*...
  • weinichendian
  • weinichendian
  • 2016年09月20日 15:15
  • 2781

jquery-easyui datagrid 中每行增加删除按钮成功删除

职员id 姓名 组织id 公司部门 操作 这是jsp页面。 $("#transferredViewTable").datagrid({ url:url, /...
  • dzq584462393
  • dzq584462393
  • 2014年01月16日 10:48
  • 2376

WPF自定义表格控件(动态添加/删除行)

最近在项目开发中遇到一个小问题,我们的设备管理模块中有一项叫做“技术参数”,具体来说就是不同的设备具有不同的属性,而且属性的数量也不同。举个例子,桌子有长、宽、高、材质四个属性,日光灯有安装高度、额定...
  • lordwish
  • lordwish
  • 2017年06月10日 17:00
  • 2105

WPF在dataGrid中添加CheckBox支持单选,多选,全选功能

  • 2017年09月05日 13:55
  • 11KB
  • 下载

easyui datagrid 行编辑功能(行内编辑、删除、保存、取消)

function initTT() { $("#tt").datagrid({ title: '批次', url: '', method: 'ge...
  • xuezt
  • xuezt
  • 2015年05月14日 22:48
  • 8746

实例:SSH结合Easyui实现Datagrid的批量删除功能

在我先前博客 http://blog.csdn.net/lhq13400526230/article/details/9158111 http://blog.csdn.net/lhq134005262...
  • lhq13400526230
  • lhq13400526230
  • 2013年10月01日 00:46
  • 5272

使用easyUI添加查询功能在datagrid

@author  YHC 在这个示例中我们将向你展示如何从数据库得到数据显示他们到datagrid,然后演示如何根据用户输入的搜索关键词搜寻显示结果. 查看 Demo 创建 ...
  • yhc13429826359
  • yhc13429826359
  • 2012年08月09日 17:07
  • 4659

lightswitch datagrid 动态添加复选框的功能。

lightswitch中非自定义datagrid 使用注入的方式添加复选框,以便用户可以进行多项选择,using Microsoft.LightSwitch; using Microsoft.Ligh...
  • greystar
  • greystar
  • 2015年11月09日 15:40
  • 2150

easyui datagrid实现批量添加、删除、修改,列多对多动态配比

最近用easyui做了个商城的简单商品管理,商品属性防淘宝店面后台属性添加功能,分析给大家一下部分Demo 效果: html代码: easyui datagrid实现批量...
  • vaneHai
  • vaneHai
  • 2013年05月14日 19:54
  • 1752

asp.net与JQuery EasyUi DataGrid 服务器端分页,添加增加,修改,删除 按钮

Html代码 background-color: #F4F4F4; overflow: hidden;"> 公司名称 查询 padding-left: 0; overflow: hidde...
  • chenmoonhan
  • chenmoonhan
  • 2013年09月18日 10:20
  • 1706
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:给DataGrid添加确定删除的功能
举报原因:
原因补充:

(最多只允许输入30个字)