DataGrid中表格中删除按钮操作

最新推荐文章于 2017-01-07 09:06:09 发布
最新推荐文章于 2017-01-07 09:06:09 发布
阅读量121 收藏
点赞数
文章标签： xhtml ui c#
原文链接：http://www.cnblogs.com/net2/archive/2010/06/18/1760616.html
版权

前台：

 

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Admin_Guest.aspx.cs" Inherits="Admin_Admin_Guest" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title>无标题页</title>
    <STYLE type=text/css>BODY {
 MARGIN-TOP: 0px;
 SCROLLBAR-FACE-COLOR: #799ae1;
 FONT-SIZE: 12px;
 BACKGROUND: #cad7f7;
 SCROLLBAR-HIGHLIGHT-COLOR: #799ae1;
 SCROLLBAR-SHADOW-COLOR: #799ae1;
 SCROLLBAR-3DLIGHT-COLOR: #799ae1;
 SCROLLBAR-ARROW-COLOR: #ffffff;
 SCROLLBAR-TRACK-COLOR: #aabfec;
 SCROLLBAR-DARKSHADOW-COLOR: #799ae1;
 margin-left: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
 
}
TD {
 FONT-SIZE: 12px
}
INPUT {
 BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 12px; BORDER-BOTTOM-WIDTH: 1px; BORDER-RIGHT-WIDTH: 1px
}
TEXTAREA {
 BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 12px; BORDER-BOTTOM-WIDTH: 1px; BORDER-RIGHT-WIDTH: 1px
}
SELECT {
 BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 12px; BORDER-BOTTOM-WIDTH: 1px; BORDER-RIGHT-WIDTH: 1px
}
SPAN {
 FONT-SIZE: 12px; POSITION: static
}
A {
 COLOR: #000000; TEXT-DECORATION: none
}
A:hover {
 COLOR: #428eff; TEXT-DECORATION: underline
}
A.highlight {
 COLOR: red; TEXT-DECORATION: none
}
A.highlight:hover {
 COLOR: red
}
A.thisclass {
 FONT-WEIGHT: bold; TEXT-DECORATION: none
}
A.thisclass:hover {
 FONT-WEIGHT: bold
}
A.navlink {
 COLOR: #000000; TEXT-DECORATION: none
}
A.navlink:hover {
 COLOR: #003399; TEXT-DECORATION: none
}
.twidth {
 WIDTH: 500px
}
.content {
 FONT-SIZE: 14px; MARGIN: 5px 20px; LINE-HEIGHT: 140%; FONT-FAMILY: Tahoma,宋体
}
.aTitle {
 FONT-WEIGHT: bold; FONT-SIZE: 15px
}
TD.forumHeaderBackgroundAlternate {
 BACKGROUND-IMAGE: url(images/admin_top_bg.gif); COLOR: #000000; BACKGROUND-COLOR: #799ae1
}
#TableTitleLink A:link {
 COLOR: #ffffff; TEXT-DECORATION: none
}
#TableTitleLink A:visited {
 COLOR: #ffffff; TEXT-DECORATION: none
}
#TableTitleLink A:active {
 COLOR: #ffffff; TEXT-DECORATION: none
}
#TableTitleLink A:hover {
 COLOR: #ffffff; TEXT-DECORATION: underline
}
TD.forumRow {
 PADDING-RIGHT: 3px; PADDING-LEFT: 3px; BACKGROUND: #f1f3f5; PADDING-BOTTOM: 3px; PADDING-TOP: 3px
}
TH {
 FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(images/admin_bg_1.gif); COLOR: white; BACKGROUND-COLOR: #4455aa
}
TD.bodytitle {
 BACKGROUND-IMAGE: url(images/admin_bg_2.gif)
}
TD.bodytitle1 {
 BACKGROUND-IMAGE: url(images/admin_bg_3.gif)
}
TD.tablebody1 {
 PADDING-RIGHT: 3px; PADDING-LEFT: 3px; BACKGROUND: #bebbdb; PADDING-BOTTOM: 3px; PADDING-TOP: 3px
}
TD.forumRowHighlight {
 PADDING-RIGHT: 3px; PADDING-LEFT: 3px; BACKGROUND: #e4edf9; PADDING-BOTTOM: 3px; PADDING-TOP: 3px
}
.tableBorder {
 BORDER-RIGHT: #183789 1px solid; BORDER-TOP: #183789 1px solid; BORDER-LEFT: #183789 1px solid; WIDTH: 98%; BORDER-BOTTOM: #183789 1px solid; BACKGROUND-COLOR: #ffffff
}
.tableBorder1 {
 WIDTH: 98%
}
.helplink {
 FONT: 10px verdana,arial,helvetica,sans-serif; CURSOR: help; TEXT-DECORATION: none
}
.copyright {
 PADDING-RIGHT: 1px; BORDER-TOP: #6595d6 1px dashed; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; FONT: 11px verdana,arial,helvetica,sans-serif; COLOR: #4455aa; PADDING-TOP: 1px; TEXT-DECORATION: none
}
.menuskin {
 BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; BACKGROUND-IMAGE: url(../skins/default/dvmenubg3.gif); VISIBILITY: hidden; FONT: 12px Verdana; BORDER-LEFT: #666666 1px solid; BORDER-BOTTOM: #666666 1px solid; BACKGROUND-REPEAT: repeat-y; POSITION: absolute; BACKGROUND-COLOR: #efefef
}
.menuskin A {
 PADDING-RIGHT: 10px; PADDING-LEFT: 25px; BEHAVIOR: url(inc/noline.htc); COLOR: black; TEXT-DECORATION: none
}
#mouseoverstyle {
 BORDER-RIGHT: #597db5 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #597db5 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 2px; BORDER-LEFT: #597db5 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #597db5 1px solid; BACKGROUND-COLOR: #c9d5e7
}
#mouseoverstyle A {
 COLOR: black
}
.menuitems {
 PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; MARGIN: 2px; WORD-BREAK: keep-all; PADDING-TOP: 1px
}
</STYLE>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<body>
    <form id="form1" runat="server">
   
    <asp:DataGrid ID=GuestList runat=server AutoGenerateColumns="False" Width="95%" BorderWidth="0px" CellPadding="0" ShowHeader="False" AllowPaging="True" OnPageIndexChanged="GuestList_PageIndexChanged" PageSize="3" Height="320px" OnDeleteCommand="GuestList_DeleteCommand">
    <Columns>
    <asp:TemplateColumn>
    <ItemTemplate>
    <br />
     <table width="700" height="211" border="0" align="center" cellpadding="3" cellspacing="1" class="tableBorder">
      <tbody>
        <tr>
          <th class="tableHeaderText" height="25" align="left">&nbsp;<asp:Button ID="BtnDelete" runat="server" CommandName="Delete"  CommandArgument='<%# DataBinder.Eval(Container.DataItem,"id")%>' Text="删除该留言"/></th>
        </tr>
      </tbody>
      <tbody>
        <tr>
          <td height="23" class="forumRow"><table width="100%" border="0" cellpadding="0" cellspacing="5">
              <tr>
                <td width="12%" height="12" align="left" style="width: 13%; height: 12px;">您的姓名：</td>
                <td width="26%" style="height: 12px"><%# DataBinder.Eval(Container.DataItem,"name") %></td>
                <td width="15%" style="height: 12px">联系电话：</td>
                <td width="47%" style="height: 12px"><%# DataBinder.Eval(Container.DataItem,"tel") %></td>
              </tr>
          </table></td>
        </tr>
        <tr>
          <td height="23" class="forumRow"><table width="100%" border="0" cellpadding="0" cellspacing="5">
              <tr>
                <td style="width: 9%" align="left">您的邮箱：</td>
                <td style="width: 19%"><%# DataBinder.Eval(Container.DataItem,"email") %></td>
                <td style="width: 8%">您的地址：</td>
                <td width="33%"><%# DataBinder.Eval(Container.DataItem,"addr") %></td>
              </tr>
          </table></td>
        </tr>
        <tr>
          <td height="23" class="forumRow"><table width="100%" border="0" cellpadding="0" cellspacing="5">
              <tr>
                <td width="14%" align="left" style="width: 12%">留言标题：</td>
                <td width="86%"><%# DataBinder.Eval(Container.DataItem,"title") %></td>
              </tr>
          </table></td>
        </tr>
        <tr>
          <td valign="top" class="forumRow"><table width="100%" border="0" cellpadding="0" cellspacing="5">
            <tr>
              <td width="13%" align="left" style="height: 27px">留言内容：</td>
              <td width="39%" align=left style="height: 27px"><%# DataBinder.Eval(Container.DataItem,"content") %></td>
              <td width="48%" align=left style="height: 27px"></td>
            </tr>
          </table></td>
        </tr>
      </tbody>
</table>

    </ItemTemplate>
        <HeaderStyle Width="100%" />
    </asp:TemplateColumn>
       
    </Columns>
        <FooterStyle Font-Bold="False" Font-Italic="False" Font-Overline="False" Font-Strikeout="False"
            Font-Underline="False" HorizontalAlign="Center" />
        <PagerStyle Mode="NumericPages" NextPageText="下一页" PrevPageText="上一页" />
    </asp:DataGrid>&nbsp;
    </form>
</body>
</html>

 

后台：

 

using System;
using System.Data;
using System.Data.OleDb;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

public partial class Admin_Admin_Guest : System.Web.UI.Page
{
    OleDbConnection MyConn;

    protected void Page_Load(object sender, EventArgs e)
    {

        if (Session["UserID"] == "" || Session["UserID"] == null)
        {
            Response.Write("<script language=javascript>window.alert('为了系统安全，请您重新登陆');window.location.href=('Admin_Login.aspx')</script>");
        }
        if (!IsPostBack)
        {
            this.DataToBind();
        }
    }
    public void DataToBind()
    {
        MyConn = DB.CreateDB();
        MyConn.Open();
        OleDbCommand cmd = new OleDbCommand("select * from guestbook order by id desc", MyConn);
        DataSet ds = new DataSet();
        OleDbDataAdapter da = new OleDbDataAdapter(cmd);
        da.Fill(ds, "guestbook");
        this.GuestList.DataSource = ds;
        this.GuestList.DataKeyField = "id";
        this.GuestList.DataBind();
        MyConn.Close();
    }

    protected void GuestList_ItemDataBound(object sender, DataGridItemEventArgs e)
    {
        if (e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem)
        {
            e.Item.Attributes.Add("onmouseover", "c=this.style.backgroundColor;this.style.backgroundColor='#1e90ff'");
            e.Item.Attributes.Add("onmouseout", "this.style.backgroundColor=c");
            ((Button)(e.Item.Cells[0].Controls[0])).Attributes.Add("onclick", "return confirm('确认删除?')");

        }
    }
    protected void GuestList_PageIndexChanged(object source, DataGridPageChangedEventArgs e)
    {
        this.GuestList.CurrentPageIndex = e.NewPageIndex;
        this.DataToBind();
    }


    protected void GuestList_DeleteCommand(object sender, DataGridCommandEventArgs e)
    {

        MyConn = DB.CreateDB();
        int id = int.Parse(e.CommandArgument.ToString());
        Response.Write(id);
        //this.GuestList.DataKeys[e.Item.ItemIndex].ToString();
        MyConn.Open();
        OleDbCommand cmd = new OleDbCommand("delete from guestbook where id=" + id, MyConn);
        cmd.ExecuteNonQuery();
        MyConn.Close();
        this.DataToBind();
    }


}

 

转载于:https://www.cnblogs.com/net2/archive/2010/06/18/1760616.html

weixin_30338461
关注
datagrid行内按钮(更新/删除等)操作实现代码
10-27
datagrid控件想必大家很是熟悉，本文将介绍下datagrid行内按钮的操作更新/删除等等,感兴趣的你可不要错过了哈，希望本文知识点可以帮助到你
datagrid删除按钮
weixin_30376083的博客
05-18 177
<DataGridItemsSource="{BindingPath=ListTimeInfo}"> <DataGrid.Columns> <DataGridTemplateColumnHeader="aaaaa"> <DataGridTemplateColumn.Cel...
给DataGrid的删除按钮添加"删除确认"对话框
galbanum
12-03 1307
 private void DataGrid1_ItemCreated(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e)         ...{              foreach(TableCell tc in e.Item.Cells)//枚举该行中的每个单元格              ...{
DataGrid按钮列的删除按钮
在白天行尸走肉虚渡这不会再来的年华，天黑却开始感情丰富无病呻吟喜怒无常
06-05 1492
通常当我们单击DataGrid按钮列的删除按钮时，该行数据就会不经提示的直接删除。可否当我们单击DataGrid按钮列的删除按钮时，出现一个“是否确定删除”的对话框，之后按确定才真正删除，按取消就取消删除呢？具体又该如何做?//在项被数据绑定后激发的事件private void dgBoard_ItemDataBound(object sender, System.Web.UI.WebCont
DataGrid 删除按钮添加删除对话框
weixin_30646505的博客
06-15 90
private void DataGrid2_ItemDataBound(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e){if(e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem)...
EasyUI的DataGrid每行数据添加操作按钮的实现代码
08-29
在某些情况下，我们可能需要在DataGrid的每行数据后面添加操作按钮，以便用户可以执行特定的操作，如编辑、删除或查看详细信息。下面我们将详细介绍如何在EasyUI的DataGrid中实现这一功能。 首先，我们需要在HTML...
JQuery EasyUI学习教程之datagrid 添加、修改、删除操作
10-21
1. 准备一个删除按钮，用于触发删除行的操作。 2. 在按钮的点击事件处理器中，获取当前选中行的索引。 3. 调用`datagrid('deleteRow', index)`方法删除选中的行。 4. 删除操作通常在用户确认后进行，以避免误操作。 ...
Flex中Datagrid应用（每行修改删除按钮）
03-16
在DataGrid的每一行中添加修改和删除按钮，通常需要自定义ItemRenderer。ItemRenderer是DataGrid列中每个单元格的外观和行为定制组件。我们可以通过继承MX的ListBase类或者UIComponent类来创建自定义的ItemRenderer...
jQGrid Table操作列中点击【操作】按钮弹出按钮层的实现代码
11-29
这个功能可以极大地提升用户在表格中进行数据操作的便利性，例如编辑、删除、查看详情等。需要注意的是，为了保持代码的可维护性和扩展性，我们应该尽量使代码模块化，将不同的逻辑分离到各自的函数中，并根据需求...
DataGrid弹出删除按钮的例子
09-17
DataGrid弹出删除按钮的例子,通俗易懂，能快速理解该技术，无方法。
datagridview增加删除和修改，功能的实现.rar
07-13
datagridview增加删除和修改，功能的实现
DataGridViewButtonColumn的用法大全
01-06
DataGridViewButtonColumn的用法大全
【C#.NET】dataGridView按钮删除
【YoTi】女程序员的历史
01-07 2196
SqlConnection conn = new SqlConnection();             conn.ConnectionString = ClassConnAll.conmmsy;             try             {                 if (MessageBox.Show("选中行号深蓝色才能删除，确认删除该行吗？", "删除",
EasyUI DataGrid 窗体中的修改和删除按钮
邱慕夏 没有比脚更长的路，没有比人更高的山
12-28 5894
我们在设计界面的时候，在EasyUI官网上下下来的都是这样的界面： 删除和修改按钮时放在表格上面的，当修改和删除某一行的数据的时候就会很麻烦，这个时候，我们需要这样的界面： 我们需要将操作按钮放在表格中，并实现与后台的链接。 首先我们如何设计这样的按钮： function initTable() { /
jquery-easyui datagrid 中每行增加删除按钮成功删除
dzq584462393的专栏
01-16 6826
职员id 姓名 组织id 公司部门 操作 这是jsp页面。 $("#transferredViewTable").datagrid({ url:url, //这里是通过url，后台传输数据 collapsible: true, singleSelect: false, columns:[[{field:'traStaI
DataGridView控件用法（二）：为每行记录最后加“编辑”-“删除”按钮列
热门推荐
lllljz的专栏
07-05 4万+
1. 在DataGridView控件用法（一）中已经显示出列表数据，这时我们需要对每行数据记录进行编辑，需要添加“编辑”、“删除”、“查看”这样的超链接。代码如下： view source print? 1 //为每行数据增加编辑列。 2 //设定列不能自动作成 3 User
datagrid框架操作详解：删除、添加、修改与自定义编辑
在Web开发中，`datagrid`是一个常用的组件，通常用于展示和管理表格数据，尤其在数据量较大且需要进行增删改查操作的场景下。本教程主要关注`datagrid`框架的删除、添加、修改功能，以及如何扩展editor方法。 首先...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值