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

《GridView1_删除、修改(字段类型全而且用GridView集成处理)21016.pdf》由会员分享，可在线阅读，更多相关《GridView1_删除、修改(字段类型全而且用GridView集成处理)21016.pdf（41页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、 详细 学习内容：TemplatedField 模板列技术、使用绑定列技术、鼠标所在行颜色提示、绑定列中使用下拉列表框、设置字段的ControlStyle 属性 运行态 1.在 VS2008 中建立Web 项目。2.在 Windows 环境下将数据库jyxystu.mdf(命名含义为教育学院学生)和 jyxystu.ldf 拷贝到项目的App_Data 目录下,并在VS 中添加的项目中。3.在 SQL Server 2000 中附加数据库jyxystu.mdf。4.在数据库中建立一个表:tb_zg（命名含义为职工表，以tb 开头意思是本对象是一个表），表结构如下：字段名 数据类型 长度 主键否

2、 描述 zgbh varchar 4 是 职工编号 xm varchar 50 职工姓名 xb varchar 2 性别 csny datetime 8 出生年月 gl int 4 职工工龄 gz float 8 职工工资 5.录入若干条记录(为了看出效果，记录数至少20 条)6.修改web.config 文件，(1)删除下方的(2)在 位置下增加：7.在项目中添加Web 窗体mygridview.aspx（文件名含义为按类查询）8.布局控件如下：一个GridView，在GridView 下方有两个label，准备显示第x 页 共 y 页。ID 属性分别是Label1 和 Label2。Gri

3、dView1 自动套用格式为雪松。AutoGenerateColumns=False AllowSorting=True AllowPaging=True PageSize=10 因为要采用分页技术所以需要再设置PagerSettings 属性 FirstPageText=首页 LastPageText=尾页 NextPageText=下一页 PreviousPageText=上一页 Mode=NextPreviousFirstLast 把 GridView 中的FontSize 设为small。GridView 的 DataKeyNames 属性为zgbh GridView1 编辑列界面如下

4、（通过“添加列”），如图所示：其中在“选定的字段”下各字段的属性设置如下：可用字段类型 选定的字段 DataField属性 HeaderText属性 SortExpression属性 readonly属性 ControlStyle Width 属性 DataFormatString BoundField 职工编zgbh 职工编号 zgbh True 号 BoundField 姓名 xm 姓名 80px TemplateField 性别 性别 40px BoundField 出生年月 csny 出生年月 csny 120px 0:yyyy-MM-dd 或 0:d BoundField 工龄 gl

5、 工龄 gl 30px BoundField 工资 gz 工资 gz 60px 0:c 会显示货币符号 CommandField 编辑 编辑 TemplateField 删除 删除 备注：1.ControlStyle Width 属性是解决GridView 进入编辑状态后表格列宽紊乱的问题，对文本框进行强制宽度设置。2 DataFormatString 属性是解决数据显示问题的，在此例中引入该属性是为了控制日期型数据显示为2010-10-11 格式的。此外：编辑按钮还需设置属性：ShowEditButton=True 删除按钮还需设置属性：ButtonType=Button CommandNa

6、me=delete Text=删除 补充知识DataFormatString 属性常见取值：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 代码。asp:DropDownList ID=DropDownList2 runat=server selectedvalue=男 女 asp:Lab

7、el ID=Label1 runat=server Text=说明：（1）希望网页运行后，当 GridView 进入编辑状态后，在性别列处显示的是下拉列表框，在下拉列表框中有男、女两个选项供选择，要比提供文本框输入男和女，显得界面更友好，如果单纯用文本框输入，就不用搞这么复杂了，直接用一个BoundField 列就可以了。（2）除手工在源视图下填写代码外，另外一种正规方法是在GridView 上点智能标记，调用快捷菜单“编辑模板”，然后选Column2-性别，进入模板列编辑状态，在此图中可设插入控件，编辑完后点“结束模板编辑”按钮返回，如果同学们采用这种方法，那么在设计完后，对照一下HTML

8、代码，看有无缺漏。另外ItemTemplate 是浏览状态下的控件显示。EditItemTemplate 是编辑状态下的控件显示。（3）使用Bind 方法可将修改后的数据写回，通常在数据绑定控件的EditItemTemplate 或 InsertItemTemplate模板中使用Bind 方法，并将字段名称传递给它，以显示和编辑字段数据，双向绑定语法格式如下：（4）在编辑模板状态下,在 ItemTemplate 模板中为“删除”按钮设置以下这些属性。关键是CommandName=delete OnClientClick=return confirm(您确定要删除该条记录吗？);10导入命名空间

9、：using System.Data.SqlClient;/cyd 2010.10 导入命名空间,此例就不用类来处理了 11.在 Page_Load 函数上方写下数据库连接字符串/cyd 2010.10 声明连接字符串，所取值来自于Web.config文件中的键 string MyConnStr=System.Configuration.ConfigurationSettings.AppSettingsConnStr;12.Page_Load函数如下：protected void Page_Load(object sender,EventArgs e)if(!Page.IsPostBack)b

10、indgrid();/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 判断是否已经进行排序，如果是则按照ViewS

11、tate中存储的信息生成排序后的DataView对象 if(ViewStateSortDirection=null)GridView1.DataSource=ds.Tablestb_zg.DefaultView;else DataView SortedDV=new DataView(ds.Tablestb_zg);SortedDV.Sort=ViewStateSortExpression.ToString()+ViewStateSortDirection.ToString();GridView1.DataSource=SortedDV;GridView1.DataBind();14.GridV

12、iew1 的 Sorting 事件代码如下：protected void GridView1_Sorting(object sender,GridViewSortEventArgs e)if(ViewStateSortDirection=null)ViewStateSortDirection=DESC;if(ViewStateSortDirection.ToString()=ASC)ViewStateSortDirection=DESC;else ViewStateSortDirection=ASC;ViewStateSortExpression=e.SortExpression;this.b

13、indgrid();15 GridView1的 RowDeleting事件代码如下：protected void GridView1_RowDeleting(object sender,GridViewDeleteEventArgs e)/cyd 2010.10 设置数据库连接 SqlConnection sqlconn=new SqlConnection(MyConnStr);sqlconn.Open();/cyd 2010.10 删除记录 String sql=delete from tb_zg where zgbh=+GridView1.DataKeyse.RowIndex.Value.

14、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

15、();17 GridView1的 RowCancelingEdit事件代码如下：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 SqlCo

16、nnection(MyConnStr);/cyd 2010 修改记录 try sqlconn.Open();SqlCommand Comm=new SqlCommand();Comm.Connection=sqlconn;Comm.CommandText=update tb_zg set xm=xm,xb=xb,csny=csny,gl=gl,gz=gz where zgbh=zgbh;Comm.Parameters.AddWithValue(zgbh,GridView1.DataKeyse.RowIndex.Value.ToString();/cyd 2010.10职工编号做为主索引,是在g

17、ridview中设置的属性DataKeyNames=zgbh Comm.Parameters.AddWithValue(xm,(TextBox)GridView1.Rowse.RowIndex.Cells1.Controls0).Text);Comm.Parameters.AddWithValue(xb,(DropDownList)GridView1.Rowse.RowIndex.Cells2.Controls1).Text);/cyd 2010.10因为性别是用下拉列表框来处理的,属于模板字段,所以为1,其它都为0 Comm.Parameters.AddWithValue(csny,(Tex

18、tBox)GridView1.Rowse.RowIndex.Cells3.Controls0).Text);Comm.Parameters.AddWithValue(gl,(TextBox)GridView1.Rowse.RowIndex.Cells4.Controls0).Text);Comm.Parameters.AddWithValue(gz,(TextBox)GridView1.Rowse.RowIndex.Cells5.Controls0).Text);Comm.ExecuteNonQuery();sqlconn.Close();sqlconn=null;Comm=null;catc

19、h(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 的 Dat

20、aBound 事件代码如下：protected void GridView1_DataBound(object sender,EventArgs e)/cyd 2010.10 分页数据绑定前设置当前页信息 Label2.Text=共 +(GridView1.PageCount).ToString()+页;Label1.Text=第 +(GridView1.PageIndex+1).ToString()+页;21.GridView1 的 RowDataBound 事件代码如下(在该事件中解决两个问题，一是鼠标移到行上时变时；一是解决删除记录时给一次后悔机会)：protected void Gri

21、dView1_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.backgroun

22、dColor=#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=Dat

23、aControlRowType.DataRow)if(e.Row.RowState=DataControlRowState.Normal|e.Row.RowState=DataControlRowState.Alternate)(Button)e.Row.Cells7.Controls0).Attributes.Add(onclick,javascript:return confirm(你确认要删除：+e.Row.Cells1.Text+吗?);*/【结束】2010 年 10 月 30 日 本程序还需要解决的问题：1.将插入记录集成到GridView。2.将验证控件集成到GridView。将在

24、下一节课中处理。作业：将工程中素材修改为以下班级表，请同学们将文件进行修改，记录自已加：GridView 事件总结：序号 事 件 说 明 1 PageIndexChanged 在单击某一页导航按钮时，但在 GridView 控件处理分页操作之后发生。此事件通常用于以下情形：在用户定位到该控件中的另一页之后，您需要执行某项任务。2 PageIndexChanging 在单击某一页导航按钮时，但在 GridView 控件处理分页操作之前发生。此事件通常字段名 数据类型 长度 主键否 描述 bjh varchar 4 是 班级号 bjm varchar 50 班级名 rs int 4 人数 rxsj

25、 datetime 8 入学时间 bzr varchar 50 班主任 用于取消分页操作。3 RowCancelingEdit 在单击某一行的“取消”按钮（其 CommandName 属性设置为“Cancel”的按钮）时，但在 GridView 控件退出编辑模式之前发生。此事件通常用于停止取消操作。4 RowCommand 当单击 GridView 控件中的按钮时发生。此事件通常用于在控件中单击按钮时执行某项任务。5 RowCreated 当在 GridView 控件中创建新行时发生。此事件通常用于在创建行时修改行的内容。6 RowDataBound RowDataBound 顾名思义，行绑定

26、的时候触发的事件，由于GridView 被加载的时候不是一下子出来的，就是一行一行的出来的，每出来一行，就触发一次RowDataBound事件，最终把整个GridView 加载出来，你可以针对这个事件处理相应的事情，比如，在每一行添加OnMourseOver，OnMourseOut 事件，这样GridView 的每一行就有了这些事件。7 RowDeleted RowDeleted 发生在删除数据之后。在单击某一行的“删除”按钮（其 CommandName 属性设置为“Delete”的按钮）时，但在 GridView 控件从数据源中删除相应记录之 后发生。此事件通常用于检查删除操作的结果。8 R

27、owDeleting RowDeleting 发生在删除数据之前，在单击某一行的“删除”按钮（其 CommandName 属性设置为“Delete”的按钮）时，但在 GridView 控件从数据源中删除相应记录之前发生。此事件通常用于取消删除操作。9 RowEditing 在 GridView 中的行进入编辑模式之前，引发RowEditing 事件，如果您需要在编辑记录前进行某些预处理，可以在这里操作。发生在单击某一行的“编辑”按钮（其 CommandName 属性设置为“Edit”的按钮）以后，GridView 控件进入编辑模式之前。此事件通常用于取消编辑操作。10 RowUpdated R

28、owUpdated 发生在更新数据源之后。发生在单击某一行的“更新”按钮（其 CommandName 属性设置为“Update”的按钮），并且 GridView 控件对该行进行更新之后。此事件通常用于检查更新操作的结果。11 RowUpdating RowUpdating 事件发生在更新数据源之前，发生在单击某一行的“更新”按钮以后，GridView 控件对该行进行更新之前。此事件通常用于取消更新操作。12 SelectedIndexChanged 发生在单击某一行的“选择”按钮，GridView 控件对相应的选择操作进行处理之后。此事件通常用于在该控件中选定某行之后执行某项任务。13 SelectedIndexChanging 发生在单击某一行的“选择”按钮以后，GridView 控件对相应的选择操作进行处理之前。此事件通常用于取消选择操作。14 Sorted 在单击用于列排序的超链接时，但在 GridView 控件对相应的排序操作进行处理之后发生。此事件通常用于在用户单击用于列排序的超链接之后执行某个任务。15 Sorting 在单击用于列排序的超链接时，但在 GridView 控件对相应的排序操作进行处理之前发生。此事件通常用于取消排序操作或执行自定义的排序例程。