新增及删除Grid行

示例效果如下

点击 新增 按钮 Grid将增加一空行 用于输入
点击 删除 按钮 将删除该行记录并重新绑定Grid

相关代码如下
HTML部分

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

<!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 runat="server">
    <title>Grid 新增及删除一行</title>
</head>
<body>
    <form id="form1" runat="server">

        <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" >
            <Columns>
                <asp:TemplateField HeaderText="pID">
                    <ItemTemplate>
                        <asp:TextBox ID="txt_pID" runat="server" Width="98" 
                              Text='<%# Bind("pID") %>'></asp:TextBox>
                    </ItemTemplate>
                    <HeaderStyle HorizontalAlign="Center" />
                </asp:TemplateField>
                <asp:TemplateField HeaderText="pName">
                    <ItemTemplate>
                        <asp:TextBox ID="txt_pName" runat="server" Width="98" 
                              Text='<%# Bind("pName") %>' ></asp:TextBox>
                    </ItemTemplate>
                    <HeaderStyle HorizontalAlign="Center" />
                </asp:TemplateField>
                <asp:TemplateField>
                    <HeaderTemplate>
                        <asp:Button ID="btn_NewAdd" runat="server" Text="新增" 
                            OnClick="btn_NewAdd_Click" />
                    </HeaderTemplate>
                    <ItemTemplate>
                        <asp:Button ID="btn_Delete" runat="server" Text="删除" 
                         CommandArgument="<%# GridView1.Rows.Count %>" 
                         OnClick="btn_Delete_Click" />
                    </ItemTemplate>
                </asp:TemplateField>
            </Columns>
       </asp:GridView>

        <asp:Button ID="btn_SaveAndShow" runat="server" Text="保存并显示数据在GridView2" 
          OnClick="btn_SaveAndShow_Click" /><br />
        <asp:GridView ID="GridView2" runat="server" Width="200">
        </asp:GridView>
        
    </form>
</body>
</html>

 

后台部分

using System;
using System.Data;
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 PrivateWork_Default : System.Web.UI.Page
{
    Page_Load 构造DataTable

    Grid 新增一行

    Grid 删除一行

    保存并显示 按钮
}


 

posted on 2007-10-10 17:07  freeliver54  阅读(1834)  评论(1)    收藏  举报

导航