GridView1 删除、修改(字段类型全而且用GridView集成处理)

张家口教育学院教育技术中心 第 1 页 共 21 页

删除、修改记录(字段类型全、GridView 集成处理、双向排序、翻页、绑定列)

2010.10.30

学习内容：TemplatedField 模板列技术、使用绑定列技术、鼠标所在行颜色提示、绑定列中使用下拉列表框、设置字段的ControlStyle 属性

运行态

1. 在VS2008中建立Web项目。

2. 在Windows环境下将数据库jyxystu.mdf(命名含义为教育学院学生)和jyxystu.ldf拷贝到项目的App_Data目录下,并在VS中添加的项目中。

张家口教育学院教育技术中心第2 页共21 页

3. 在SQL Server 2000中附加数据库jyxystu.mdf。

4. 在数据库中建立一个表:tb_zg（命名含义为职工表，以tb开头意思是本对象是一个表），表结构如下：

5. 录入若干条记录(为了看出效果，记录数至少20条)

6. 修改web.config文件，

(1) 删除下方的

(2) 在位置下增加：

张家口教育学院教育技术中心第3 页共21 页

7. 在项目中添加Web窗体mygridview.aspx（文件名含义为按类查询）

8. 布局控件如下：

一个GridView，在GridView下方有两个label，准备显示第x页共y页。ID属性分别是Label1和Label2。

GridView1自动套用格式为"雪松"。

AutoGenerateColumns="False"

AllowSorting="True"

AllowPaging="True"

PageSize="10"

因为要采用分页技术所以需要再设置PagerSettings属性

FirstPageText="首页"

LastPageText="尾页"

NextPageText="下一页"

PreviousPageText="上一页"

Mode="NextPreviousFirstLast"

把GridView中的FontSize设为small。

GridView的DataKeyNames属性为"zgbh"

GridView1编辑列界面如下（通过“添加列”），如图所示：

张家口教育学院教育技术中心第4 页共21 页

张家口教育学院教育技术中心第5 页共21 页

其中在“选定的字段”下各字段的属性设置如下：

此外：

编辑按钮还需设置属性：ShowEditButton="True"

删除按钮还需设置属性：ButtonType="Button" CommandName="delete"Text="删除"

补充知识DataFormatString属性常见取值：

张家口教育学院教育技术中心第6 页共21 页

{0:c} 货币格式

{0:d}短日期2010-10-12

{0:D}长日期2010年10月12日

{0:000.0}四舍五入小数点保留第几位有效数字；

{0:N2}小数点保留2位有效数字；{0:N2}% 小数点保留2位有效数字加百分号；

{0:yy-MM-dd} 例如07-3-25；；{0:yyyy-MM-dd} 例如2007-3-25

9．切换到源视图，补充性别绑定列的HTML代码。

男

女

说明：

（1）希望网页运行后，当GridView进入编辑状态后，在性别列处显示的是下拉列表框，在下拉列表框中有男、女两个选项供选择，要比提供文本框输入男和女，显得界面更友好，如果单纯用文本框输入，就不用搞这么复杂了，直接用一个BoundField列就可以了。

（2）除手工在源视图下填写代码外，另外一种正规方法是在GridView上点智能标记，调用快捷菜单“编辑模板”，然后选Column[2]-性别，进入模板列编辑状态，在此图中可设插入控件，编辑完后点“结束模板编辑”按钮返回，如果同学们采用这种方法，那么在设计完后，对照一下HTML代码，看有无缺漏。另外ItemTemplate是浏览状态下的控件显示。EditItemTemplate是编辑状态下的控件显示。

张家口教育学院教育技术中心第7 页共21 页

（3）使用Bind方法可将修改后的数据写回，通常在数据绑定控件的EditItemTemplate或InsertItemTemplate模板中使用Bind方法，并将字段名称传递给它，以显示和编辑字段数据，双向绑定语法格式如下：

'<%# Bind("字段名") %>'

张家口教育学院教育技术中心第8 页共21 页

张家口教育学院教育技术中心第9 页共21 页

张家口教育学院教育技术中心第10 页共21 页

张家口教育学院教育技术中心第11 页共21 页

（4）在编辑模板状态下,在ItemTemplate模板中为“删除”按钮设置以下这些属性。关键是CommandName="delete"OnClientClick="return confirm("您确定要删除该条记录吗？");"

张家口教育学院教育技术中心第12 页共21 页

10．导入命名空间：

using System.Data.SqlClient; //cyd 2010.10 导入命名空间,此例就不用类来处理了

11. 在Page_Load函数上方写下数据库连接字符串

// cyd 2010.10 声明连接字符串，所取值来自于Web.config文件中的键

string MyConnStr = System.Configuration.ConfigurationSettings.AppSettings["ConnStr"];

12. Page_Load函数如下：

protected void Page_Load(object sender, EventArgs e)

{

if (!Page.IsPostBack) bindgrid(); //cyd 2010.10 首次运行，表格绑定数据源

}

13．用户自定义函数bindgrid()函数如下：

void

bindgrid()

{

DataSet ds = new DataSet();

using (SqlConnection sqlconn = new SqlConnection(MyConnStr))

{

SqlDataAdapter sqld = new SqlDataAdapter("select zgbh,xm,xb,csny,gl,gz from tb_zg", sqlconn); sqld.Fill(ds, "tb_zg");

}

//cyd 2010.10 判断是否已经进行排序，如果是则按照ViewState中存储的信息生成排序后的DataView对象

if (ViewState["SortDirection"] == null)

GridView1.DataSource = ds.Tables["tb_zg"].DefaultView;

else

张家口教育学院教育技术中心第13 页共21 页

{

DataView SortedDV = new DataView(ds.Tables["tb_zg"]);

SortedDV.Sort = ViewState["SortExpression"].ToString() + " " + ViewState["SortDirection"].ToString(); GridView1.DataSource = SortedDV;

}

GridView1.DataBind();

}

14. GridView1的Sorting事件代码如下：

protected void GridView1_Sorting(object sender, GridViewSortEventArgs e)

{

if (ViewState["SortDirection"] == null) ViewState["SortDirection"] = "DESC";

if (ViewState["SortDirection"].ToString() == "ASC")

ViewState["SortDirection"] = "DESC";

else

ViewState["SortDirection"] = "ASC";

ViewState["SortExpression"] = e.SortExpression;

this.bindgrid();

}

15．GridView1的RowDeleting事件代码如下：

protected void GridView1_RowDeleting(object sender, GridViewDeleteEventArgs e)

{

张家口教育学院教育技术中心第14 页共21 页

//cyd 2010.10 设置数据库连接

SqlConnection sqlconn = new SqlConnection(MyConnStr);

sqlconn.Open();

//cyd 2010.10 删除记录

String sql = "delete from tb_zg where zgbh='" + GridView1.DataKeys[e.RowIndex].Value.ToString() + "'";

SqlCommand Comm = new SqlCommand(sql, sqlconn);

Comm.ExecuteNonQuery();

sqlconn.Close();

sqlconn = null;

Comm = null;

GridView1.EditIndex = -1;

bindgrid();

}

16．GridView1的RowEditing事件代码如下：

protected void GridView1_RowEditing(object sender, GridViewEditEventArgs e)

{

GridView1.EditIndex = e.NewEditIndex;

bindgrid();

}

17．GridView1的RowCancelingEdit事件代码如下：

张家口教育学院教育技术中心第15 页共21 页

protected void GridView1_RowCancelingEdit(object sender, GridViewCancelEditEventArgs e)

{

GridView1.EditIndex = -1;

bindgrid();

}

18．GridView1的RowUpdating事件代码如下：

protected void GridView1_RowUpdating(object sender, GridViewUpdateEventArgs e)

{

SqlConnection sqlconn = new SqlConnection(MyConnStr);

//cyd 2010 修改记录

try

{

sqlconn.Open();

SqlCommand Comm = new SqlCommand();

Comm.Connection = sqlconn;

https://www.360docs.net/doc/b112965216.html,mandText = "update tb_zg set xm=@xm,xb=@xb,csny=@csny,gl=@gl,gz=@gz where zgbh=@zgbh";

Comm.Parameters.AddWithValue("@zgbh", GridView1.DataKeys[e.RowIndex].Value.ToString()); //cyd 2010.10职工编号做为主索引,是在gridview中设置的属性DataKeyNames="zgbh"

Comm.Parameters.AddWithValue("@xm", ((TextBox)GridView1.Rows[e.RowIndex].Cells[1].Controls[0]).Text);

Comm.Parameters.AddWithValue("@xb", ((DropDownList)GridView1.Rows[e.RowIndex].Cells[2].Controls[1]).Text); //cyd 2010.10因为性别是用下拉列表框来处理的,属于模板字段,所以为1,其它都为0

Comm.Parameters.AddWithValue("@csny", ((TextBox)GridView1.Rows[e.RowIndex].Cells[3].Controls[0]).Text);

Comm.Parameters.AddWithValue("@gl", ((TextBox)GridView1.Rows[e.RowIndex].Cells[4].Controls[0]).Text);

张家口教育学院教育技术中心第16 页共21 页

Comm.Parameters.AddWithValue("@gz", ((TextBox)GridView1.Rows[e.RowIndex].Cells[5].Controls[0]).Text);

Comm.ExecuteNonQuery();

sqlconn.Close();

sqlconn = null;

Comm = null;

}

catch (Exception ex)

{

Response.Write("数据库更新出错" + ex.ToString());

}

GridView1.EditIndex = -1;

bindgrid();

}

19. GridView1的PageIndexChanging事件代码如下：

protected void GridView1_PageIndexChanging(object sender, GridViewPageEventArgs e)

{

//cyd 2010.10 设置要显示的页的索引并重新绑定数据

GridView1.PageIndex = e.NewPageIndex;

bindgrid();

}

20. GridView1的DataBound事件代码如下：

protected void GridView1_DataBound(object sender, EventArgs e)

张家口教育学院教育技术中心第17 页共21 页

{

//cyd 2010.10 分页数据绑定前设置当前页信息

Label2.Text = "共" + (GridView1.PageCount).ToString() + "页";

Label1.Text = "第" + (GridView1.PageIndex + 1).ToString() + "页";

}

21. GridView1的RowDataBound事件代码如下(在该事件中解决两个问题，一是鼠标移到行上时变时；一是解决删除记录时给一次后悔机会)：

protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)

{ int i;

//cyd 2010.10 执行循环，保证每条数据都可以更新

for (i = 0; i <= GridView1.Rows.Count; i++)

{ //cyd 2010.10首先判断是否是数据行

if (e.Row.RowType == DataControlRowType.DataRow)

{ //cyd 2010.10当鼠标停留时更改背景色

e.Row.Attributes.Add("onmouseover", "c=this.style.backgroundColor;this.style.backgroundColor='#00A9FF'");

//cyd 2010.10当鼠标移开时还原背景色

e.Row.Attributes.Add("onmouseout", "this.style.backgroundColor=c");

}

}

/* 以前用以下这段代码配合删除按钮,进行删除前确认,但是失败了,原因是两段代码冲突,后将GridView中的删除按钮列转换成

模板列,并给ItemTemplate模板中为按钮的OnClientClick事件写代码:return confirm("您确定要删除该条记录吗?"); 就实现了删除前有确认对话框的效果 //cyd 2010.10 解决删除记录时有提示

if (e.Row.RowType == DataControlRowType.DataRow)

{

if (e.Row.RowState == DataControlRowState.Normal || e.Row.RowState == DataControlRowState.Alternate)

{

张家口教育学院教育技术中心第18 页共21 页

((Button)e.Row.Cells[7].Controls[0]).Attributes.Add("onclick", "javascript:return confirm('你确认要删除：\"" + e.Row.Cells[1].Text + "\"吗?')");

}

}

*/

}

【结束】

2010年10月30日本程序还需要解决的问题：

1.将插入记录集成到GridView。

2.将验证控件集成到GridView。

将在下一节课中处理。

作业：

张家口教育学院教育技术中心第19 页共21 页

将工程中素材修改为以下班级表，请同学们将文件进行修改，记录自已加：

GridView事件总结：

张家口教育学院教育技术中心第20 页共21 页