一次编辑 GridView 的所有行

最新推荐文章于 2025-01-02 09:35:25 发布
原创 最新推荐文章于 2025-01-02 09:35:25 发布 · 353 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#asp #textbox #server #sql server #object #button

本文介绍如何在ASP.NET项目中实现GridView的多行同时编辑功能，通过示例代码详细展示了使用SqlDataSource进行数据更新的过程。

在平时的实际项目中，为了减少往返提交数据，可以一次编辑 GridView 的所有行，这样大大提高用户使用产品的体验。下面就讲解何一次编辑 GridView 的所有数据行。在下面的例子中，数据库使用《ASP.NET 2.0应用开发技术》一书中Site/App_Data/下的 ASPNET20Book.mdb 数据库。例子中的数据更新方式使用 SqlDataSource 数据源控件的UpdateCommand属性，但此方法同样适用于存储过程，SQL 语句等。

C#

<%@ Page Language="C#" Debug="true" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
string[] ClassNameArray = { "大学", "中学", "高中" };
//初始化原来的值
protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
{
if (e.Row.RowType == DataControlRowType.DataRow)
{
System.Data.DataRowView drv = (System.Data.DataRowView)e.Row.DataItem;
RadioButtonList rbl = (RadioButtonList)e.Row.FindControl("txtGender");
if (rbl != null)
{
if ((bool)drv["Gender"])
{
rbl.Items.FindByText("男").Selected = true;
}
else
{
rbl.Items.FindByText("女").Selected = true;
}
}
DropDownList ddl = (DropDownList)e.Row.FindControl("txtClassName");
if (ddl != null)
{
ddl.Items.FindByText(drv["ClassName"].ToString()).Selected = true;
}
}
}
// 初始化项目列表
protected void GridView1_RowCreated(object sender, GridViewRowEventArgs e)
{
if (e.Row.RowType == DataControlRowType.DataRow)
{
DropDownList ddl = (DropDownList)e.Row.FindControl("txtClassName");
ddl.DataSource = ClassNameArray;
ddl.DataBind();
}
}
//处理提交的数据
protected void XianhuiMeng_Click(object sender, EventArgs e)
{
foreach (GridViewRow gvr in GridView1.Rows)
{
string tGender = ((RadioButtonList)gvr.FindControl("txtGender")).SelectedValue;
SqlDataSource1.UpdateParameters.Add(new Parameter("@Title", TypeCode.String, ((TextBox)gvr.FindControl("txtTitle")).Text));
SqlDataSource1.UpdateParameters.Add(new Parameter("@Gender", TypeCode.Boolean, (tGender == "男" ? "True" : "False")));
SqlDataSource1.UpdateParameters.Add(new Parameter("@ClassName",
TypeCode.String, ((DropDownList)gvr.FindControl("txtClassName")).SelectedValue));
SqlDataSource1.UpdateParameters.Add(new Parameter("@id", TypeCode.Int32, GridView1.DataKeys[gvr.DataItemIndex].Value.ToString()));
SqlDataSource1.Update();
SqlDataSource1.UpdateParameters.Clear();
}
Response.Redirect(Request.UrlReferrer.ToString());
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>同时编辑 GridView的 多行</title>
</head>
<body>
<form id="form1" runat="server">
<asp:GridView ID="GridView1" runat="server" Font-Size="12px" CellPadding="3" AutoGenerateColumns="False"
DataKeyNames="id" DataSourceID="SqlDataSource1" OnRowDataBound="GridView1_RowDataBound"
OnRowCreated="GridView1_RowCreated">
<HeaderStyle BackColor="#EDEDED" />
<Columns>
<asp:TemplateField HeaderText="姓名">
<ItemTemplate>
<asp:TextBox ID="txtTitle" runat="server" Text='<%#Eval("Title") %>'></asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="性别">
<ItemTemplate>
<asp:RadioButtonList ID="txtGender" runat="server" RepeatColumns="2">
<asp:ListItem Text='男'></asp:ListItem>
<asp:ListItem Text='女'></asp:ListItem>
</asp:RadioButtonList>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="学历">
<ItemTemplate>
<asp:DropDownList ID="txtClassName" runat="server">
</asp:DropDownList>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
<asp:SqlDataSource ID="SqlDataSource1" runat="server"
ConnectionString="Provider=Microsoft.Jet.OLEDB.4.0;Data Source=|DataDirectory|/ASPNET20Book.mdb;Persist Security Info=True"
ProviderName="System.Data.OleDb" SelectCommand="SELECT * FROM [Student]"
UpdateCommand="Update [Student] Set Title = @Title,Gender = @Gender,ClassName=@ClassName Where id=@id">
</asp:SqlDataSource>
<asp:Button ID="Button1" runat="server" Text="保存所有修改" OnClick="XianhuiMeng_Click" />
</form>
</body>
</html>

注意：对于SQL Server 数据库，参数名字不加@。另外注意：不同数据库类型和不同的数据源，UpdateCommand="Update [Student] Set Title = @Title,Gender = @Gender,ClassName=@ClassName Where id=@id"写法和SqlDataSource1.UpdateParameters.Add(new Parameter("@Title", TypeCode.String, ((TextBox)gvr.FindControl("txtTitle")).Text)); 的写法会有所区别。

SQL Server版本

<%@ Page Language="C#" Debug="true" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
string[] ClassNameArray = { "大学", "中学", "高中" };
//初始化原来的值
protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
{
if (e.Row.RowType == DataControlRowType.DataRow)
{
System.Data.DataRowView drv = (System.Data.DataRowView)e.Row.DataItem;
RadioButtonList rbl = (RadioButtonList)e.Row.FindControl("txtGender");
if (rbl != null)
{
if ((bool)drv["Gender"])
{
rbl.Items.FindByText("男").Selected = true;
}
else
{
rbl.Items.FindByText("女").Selected = true;
}
}
DropDownList ddl = (DropDownList)e.Row.FindControl("txtClassName");
if (ddl != null)
{
ddl.Items.FindByText(drv["ClassName"].ToString()).Selected = true;
}
}
}
// 初始化项目列表
protected void GridView1_RowCreated(object sender, GridViewRowEventArgs e)
{
if (e.Row.RowType == DataControlRowType.DataRow)
{
DropDownList ddl = (DropDownList)e.Row.FindControl("txtClassName");
ddl.DataSource = ClassNameArray;
ddl.DataBind();
}
}
//处理提交的数据
protected void XianhuiMeng_Click(object sender, EventArgs e)
{
foreach (GridViewRow gvr in GridView1.Rows)
{
string tGender = ((RadioButtonList)gvr.FindControl("txtGender")).SelectedValue;
SqlDataSource1.UpdateParameters.Add(new Parameter("Title", TypeCode.String, ((TextBox)gvr.FindControl("txtTitle")).Text));
SqlDataSource1.UpdateParameters.Add(new Parameter("Gender", TypeCode.Boolean, (tGender == "男" ? "True" : "False")));
SqlDataSource1.UpdateParameters.Add(new Parameter("ClassName",
TypeCode.String, ((DropDownList)gvr.FindControl("txtClassName")).SelectedValue));
SqlDataSource1.UpdateParameters.Add(new Parameter("id", TypeCode.Int32, GridView1.DataKeys[gvr.DataItemIndex].Value.ToString()));
SqlDataSource1.Update();
SqlDataSource1.UpdateParameters.Clear();
}
Response.Redirect(Request.UrlReferrer.ToString());
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>同时编辑 GridView的 多行</title>
</head>
<body>
<form id="form1" runat="server">
<asp:GridView ID="GridView1" runat="server" Font-Size="12px" CellPadding="3" AutoGenerateColumns="False"
DataKeyNames="id" DataSourceID="SqlDataSource1" OnRowDataBound="GridView1_RowDataBound"
OnRowCreated="GridView1_RowCreated">
<HeaderStyle BackColor="#EDEDED" />
<Columns>
<asp:TemplateField HeaderText="姓名">
<ItemTemplate>
<asp:TextBox ID="txtTitle" runat="server" Text='<%#Eval("Title") %>'></asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="性别">
<ItemTemplate>
<asp:RadioButtonList ID="txtGender" runat="server" RepeatColumns="2">
<asp:ListItem Text='男'></asp:ListItem>
<asp:ListItem Text='女'></asp:ListItem>
</asp:RadioButtonList>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="学历">
<ItemTemplate>
<asp:DropDownList ID="txtClassName" runat="server">
</asp:DropDownList>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
<asp:SqlDataSource ID="SqlDataSource1" runat="server"
ConnectionString="Persist Security Info=False;User ID=sa;Password=;Initial Catalog=Book;Server=."
ProviderName="System.Data.SqlClient" SelectCommand="SELECT * FROM [Student]"
UpdateCommand="Update [Student] Set Title = @Title,Gender = @Gender,ClassName=@ClassName Where id=@id">
</asp:SqlDataSource>
<asp:Button ID="Button1" runat="server" Text="保存所有修改" OnClick="XianhuiMeng_Click" />
</form>
</body>
</html>
 
lcnm2000
关注
GridView多行编辑(C#)
12-12
GridView多行编辑(C#)GridView多行编辑(C#) GridView多行编辑(C#) GridView多行编辑(C#)
对绑定到 GridView Web 服务器控件的行执行批量更新（同时编辑所有行）
云计算?
10-17 161
http://msdn.microsoft.com/zh-cn/library/aa992036(v=vs.80).aspx 创建网站 如果您已经通过完成演练：在 Visual Web Developer 中创建基本网页在 Visual Web Developer 中创建了网站，则可以使用该网站，并转至下一部分。否则，按照下面的步骤创建一个新的网站和网页。 创建文件系统网...
提升用户体验：一次性编辑GridView所有行的.NET实践
本文档主要介绍了如何在ASP.NET开发中实现一次性编辑GridView的所有行，以提高用户体验并减少数据往返提交。作者孟宪会在2006年11月8日分享了这一技术，他使用的数据库是《ASP.NET2.0应用开发技术》一书中的ASPNET20...
批量编辑GridView数据行技巧解析
"这篇文章主要探讨了如何在ASP.NET应用程序中一次性编辑GridView控件中的所有行数据，以提高用户体验并减少数据库交互次数。作者通过使用SqlDataSource控件的UpdateCommand属性来实现这一功能，并且提供了代码示例。...
【GridView渐进全解】第八部分GridView行内编辑
最新发布
dgnankai的专栏
01-02 1345
能够在前端页面表格中进行直接编辑，用户体验度高，是实现起来也不费事儿，因此“行内”编辑是目前比较流行的原因。实现本例我们用的项目得退回到《第二部分 GridView的美化》，继续用这个项目的源文件继续工作。
GridView 一次编辑所有行？
faunjoe的专栏
05-25 587
string[] ClassNameArray = { "大学", "中学", "高中" };//初始化原来的值protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e){      if (e.Row.RowType == DataControlRowType.DataRow)  {    System
ASP.NET中GridView多行操作
德仔
12-02 1398
 多行的选择：添加一个模板列，在HeaderTemplate中添加一个CheckBox，ID为cbAll，设置其AutoPostBack属性为True 在ItemTemplate中也添加一个CheckBox，ID为cbSelect添加cbAll的OnCheckChange事件代码：void CheckAll（object sender，System.EventArgs e）{ CheckBox c
GridView行的显示和编辑状态
Goal_Ryan的专栏
11-22 2631
显示数据时不能编辑,可用Label标签，编辑时变为TextBox。关键是在TemplateField里面加入二块子模板和 就是GRIDVIEW处在编辑状态下时该列的状态。 前台代码                                                                                                    
一次性编辑GRIDVIEW中所有数据然后批量修改
szjstar
10-08 6478
做项目开发的时候,经常会碰到插入与修改很多数据到服务器,如何做到批量修改,减少往返提交数据,是每个程序员需要考虑的问题.下面的例子就是以NORTHWIND表中EMPLOYEES表中的数据在GRIDVIEW进行一次性编辑前台代码....我只写控件部分      DataKeyNames="employeeid"  >                                  
[Ext JS] Grid表格批量编辑的实现
oscar999的专栏
09-14 722
单行编辑可以通过行编辑插件(Ext.grid.plugin.RowEditing )或者单元格编辑插件（ Ext.grid.plugin.CellEditing ）实现，批量编辑的实现在不同的Ext JS 版本中有不同的实现方式。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值