GridView4 HyperLinkField字段的4个使用实例.doc

GridView中HyperLinkField字段的4个使用实例2010.10.20实现功能:1. 以数据库字段内容的URL作为超级链接字段的URL。2. 使用超级链接字段制作“院系”与“教师”的一对多界面。3. 通过超级链接字段的重新定位来查看照片。4. 通过超级链接字段来重新定位到一个内置框架中。本小项目一共涉及到3个文件，mygridview2.aspx mygridview2a.aspx myphoto.aspx 关系“一方”文件 关系“多方”文件 查看照片文件操作步骤:1. 在VS2008中建立Web项目。2. 在Windows环境下将数据库jyxystu.mdf(命名含义为教育学院学生)和jyxystu.ldf拷贝到项目的App_Data目录下,并在VS中添加的项目中。3. 在SQL Server 2000中附加数据库jyxystu.mdf。4. 将bak.mdf中的“部门”和“教师”两个表导入到jyxystu.mdf中，并设置一下中文描述和主键。教师表的主键是bh(编号)；部门表的主键是yxh（院系号）。同学们观察一下这两个表的表结构和表记录，知其含义。5. 修改web.config文件，(1) 删除下方的(2) 在位置下增加： 6在项目中建立photo文件夹，将所给的photo目录下的照片全部拷贝到项目photo文件夹下。7. 在项目中添加Web窗体mygridview2.aspx8. 在mygridview2.aspx中，布局控件如下：插入一个GridView，ID自动为GridView1。在GridView底下，使用源视图，创建一个iframe，HTML代码如下：GridView1自动套用格式为穆哈咖啡；同时做如下设置：AutoGenerateColumns=False；AllowSorting=True Font=Small9设置GridView1属性：GridView1编辑列界面如下：（通过“添加列”，添加的是三个“选择”按钮，若干BoundField列）其中在“选定的字段”下各字段的属性设置如下：字段类型选定的字段DataNavigateUrlFields DataNavigateUrlFormatString DataTextFieldDataFieldHeaderText SortExpressionTargetHyperLinkField院系号yxhmygridview2a.aspx?yxh=0yxh院系号yxhjsDetailsFrameHyperLinkField院系名称yxhmygridview2a.aspx?yxh=0yxmc院系名称_blankBoundField地址dzdz地址HyperLinkField网站主页yxwzyxwz院系网站_blank说明：其它HTML属性：Font=small整体HTML代码如下图所示：10（第10到第14步在mygridview2中操作），导入命名空间：using System.Data.SqlClient; /cyd 2010.10 导入命名空间,此例就不用类来处理了11. 在Page_Load函数上方写下数据库连接字符串：/ cyd 2010.10 声明连接字符串，所取值来自于Web.config文件中的键 string MyConnStr = System.Configuration.ConfigurationSettings.AppSettingsConnStr12. Page_Load函数如下：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 yxh,yxmc,dz,yxwz from 部门, sqlconn); sqld.Fill(ds, tb_zg); /cyd 2010.10 判断是否已经进行排序，如果是则按照ViewState中存储的信息生成排序后的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编写GridView1_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.bindgrid(); 15. 在项目中添加Web窗体mygridview2a.aspx16在mygridview2a.aspx中添加一个GridView1，GridView1编辑列界面如下：（通过“添加列”，添加若干BoundField列和一个HyperLinkField列）其中在“选定的字段”下各字段的属性设置如下：字段类型选定的字段DataNavigateUrlFields DataNavigateUrlFormatString HeaderImageUrlDataFieldHeaderText TargetTextBoundField院系名称yxmc院系名称BoundField编号bh编号BoundField姓名xm姓名BoundField性别xb性别BoundField年龄nl年龄BoundField工作时间gzsj工作时间BoundField政治面目zzmm政治面目BoundField学历xl学历BoundField职称zc职称BoundField联系电话lxdh联系电话HyperLinkField查看照片bhmyphoto.aspx?uid=photo/0.jpg/phto_yt.jpg_blank查看照片说明：需事先将photo_yt.jpg拷贝到项目底下，并添加到项目中，实现图片列标题。其它HTML属性：Font=smallEmptyDataText=没有找到符合条件的记录!，此属性的功能是当没有满足条件的记录时，所需要显示的内容，甚至在空时，可以提供插入记录功能（在空模板中）。整体HTML如下图所示：17（第17到第20步在mygridview2a中操作），导入命名空间：using System.Data.SqlClient; /cyd 2010.10 导入命名空间,此例就不用类来处理了18. 在Page_Load函数上方写下数据库连接字符串/ cyd 2010.10 声明连接字符串，所取值来自于Web.config文件中的键 string MyConnStr = System.Configuration.ConfigurationSettings.AppSettingsConnStr12. Page_Load函数如下：19编写Page_Load函数protected void Page_Load(object sender, EventArgs e) if (!Page.IsPostBack) bindgrid(); /cyd 2010.10 首次运行，表格绑定数据源 20 用户自定义函数bindgrid()函数如下： void bindgrid() string m_yxh = Request.QueryStringyxh; DataSet ds = new DataSet(); using (SqlConnection sqlconn = new SqlConnection(MyConnStr) SqlDataAdapter sqld = new SqlDataAdapter(select yxmc,bh,xm,xb,nl,gzsj,zzmm,xl,zc,lxdh from 部门 join 教师 on 部门.yxh=教师.yxh where 部门.yxh=+m_yxh+, sqlconn); sqld.Fill(ds, tb_zg); /cyd 2010.10 判断是否已经进行排序，如果是则按照ViewState中存储的信息生成排序后的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(); 21. 在项目中添加Web窗体myphoto.aspx。22. 在myphoto.aspx中插入一个Image控件，拖动到一定大小，Alt