当前位置：首页 > 技术教程 > 正文

如何在ASP.NET中精确实现DatagridView的增删改功能？详细步骤揭秘！

admin
技术教程
2025-12-18
4787

在ASP.NET中，DatagridView控件是一个非常强大的工具，可以用来展示和操作数据，本文将详细介绍如何在ASP.NET中使用DatagridView实现数据的增删改功能。

添加DatagridView控件

在ASP.NET页面中添加一个DatagridView控件，这可以通过在页面设计视图中拖放控件来实现,或者通过代码添加。

<asp:GridView ID="dataGridView1" runat="server" AutoGenerateColumns="False"> <Columns> <asp:BoundField DataField="ID" HeaderText="ID" /> <asp:BoundField DataField="Name" HeaderText="Name" /> <asp:BoundField DataField="Age" HeaderText="Age" /> </Columns> </asp:GridView>

数据绑定

需要将数据绑定到DatagridView控件,这可以通过代码实现。

protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { BindData(); } } private void BindData() { DataTable dt = new DataTable(); dt.Columns.Add("ID", typeof(int)); dt.Columns.Add("Name", typeof(string)); dt.Columns.Add("Age", typeof(int)); dt.Rows.Add(1, "张三", 20); dt.Rows.Add(2, "李四", 22); dt.Rows.Add(3, "王五", 25); dataGridView1.DataSource = dt; dataGridView1.DataBind(); }

添加、修改和删除数据

1 添加数据

在DatagridView的底部添加一个按钮,用于添加新数据。

如何在ASP.NET中精确实现DatagridView的增删改功能？详细步骤揭秘！第1张

然后在代码中实现添加数据的逻辑。

protected void btnAdd_Click(object sender, EventArgs e) { DataTable dt = (DataTable)dataGridView1.DataSource; DataRow dr = dt.NewRow(); dr["ID"] = dt.Rows.Count + 1; dr["Name"] = txtName.Text; dr["Age"] = int.Parse(txtAge.Text); dt.Rows.Add(dr); dataGridView1.DataSource = dt; dataGridView1.DataBind(); }

2 修改数据

在DatagridView的每一行添加一个编辑按钮和一个更新按钮。

如何在ASP.NET中精确实现DatagridView的增删改功能？详细步骤揭秘！第2张

然后在代码中实现编辑和更新的逻辑。

protected void btnEdit_Click(object sender, EventArgs e) { Button btn = (Button)sender; GridViewRow row = (GridViewRow)btn.NamingContainer; row.Cells[0].Controls[0].Visible = false; row.Cells[1].Controls[0].Visible = true; row.Cells[2].Controls[0].Visible = true; btn.Visible = false; btnUpdate.Visible = true; } protected void btnUpdate_Click(object sender, EventArgs e) { Button btn = (Button)sender; GridViewRow row = (GridViewRow)btn.NamingContainer; DataTable dt = (DataTable)dataGridView1.DataSource; dt.Rows[row.RowIndex]["Name"] = row.Cells[1].Controls[0].Text; dt.Rows[row.RowIndex]["Age"] = int.Parse(row.Cells[2].Controls[0].Text); dataGridView1.DataSource = dt; dataGridView1.DataBind(); }

3 删除数据

在DatagridView的每一行添加一个删除按钮。

<asp:Button ID="btnDelete" runat="server" Text="删除" OnClick="btnDelete_Click" />

然后在代码中实现删除数据的逻辑。

如何在ASP.NET中精确实现DatagridView的增删改功能？详细步骤揭秘！第3张

protected void btnDelete_Click(object sender, EventArgs e) { Button btn = (Button)sender; GridViewRow row = (GridViewRow)btn.NamingContainer; DataTable dt = (DataTable)dataGridView1.DataSource; dt.Rows.RemoveAt(row.RowIndex); dataGridView1.DataSource = dt; dataGridView1.DataBind(); }