01.数据查询与展示-GridView

{0:C}
0代表对应后面的第一个参数，这里就是绑定的字段所对应的值； C是格式化标记，它可以将数字型的字段格式化为货币类型。
注： 当HtmlCode属性设置为false， DataFormatString才有效
绑定列
• TemplateField字段
– 绑定中显示自定义内容的字段 – 有五种模板（标头、脚注、普通项、交替项、编辑模 式）
绑定列
• ImageField字段
– 为图像的字段 – 绑定到包含图像 URL 的数据源中的字段 – 指定DataImageUrlField
• CheckBoxField字段
– 以复选框显示的布尔型字段 – 仅当数据源字段中有布尔型字段时使用此字段
光棒效果
protected void gvDemo_RowDataBound(object sender, GridViewRowEventArgs e) GridView数据 { 行绑定事件 if (e.Row.RowType == DataControlRowType.DataRow) { e.Row.Attributes.Add("onmouseover", 判断数据行类型 "currentcolor=this.style.backgroundColor;this.style.bac kgroundColor='#6699ff'"); 添加属性（客户端）： 当鼠标移过的时，数据行背 景色变成蓝色 e.Row.Attributes.Add("onmouseout", "this.style.backgroundColor=currentcolor"); } } 当鼠标离开时 数据行背景色还原
多选效果
获得页面上标签 function GetAllCheckBox(CheckAll) 为Input的控件元素 { var items = document.getElementsByTagName("input"); for(i=0; i<items.length;i++) { 判断控件元素类 if(items[i].type=="checkbox") 型是否为复选框 { items[i].checked = CheckAll.checked; } } }
绑定列
• CommandField
– 一个特殊字段，显示了用于在数据绑定控件中执行选择、 编辑、插入或删除操作的命令按钮 – 自动生成命令，无须手写 – 对应数据源的增改查删方法
• HyperLinkField
– 显示为超链接的字段 – 比如链接到详细页面
<asp:HyperLinkField DataNavigateUrlFormatString='DetailsView.aspx?id={0} DataNavigateUrlFields="Id“ 设置链接的路径格式 Text="详细" /> 设定绑定的参数集合
数据查询与展示 GridView
本章目标
• 能熟练使用GridView进行数据的查询与展示
数据展示
数据展示的两种实现方法
手写 代码实现

数据库
Web服务器 展示数据
数据 源控件 简单 设置实现
什么是数据源控件？
使用数据源控件，以实现快速开发
数据源控件
• 快速实现多种常用的数据源进行展示和交互 • 快速完成对数据表增删改查操作 • 是2.0引入的一个新的数据抽象层
– 数据源控件不提供展示，数据绑定控件提供展示 – 数据绑定控件可以通过数据源控件绑定数据
• 数据绑定控件的层次结构
GridView初识
• 什么是GridView？
– 在表中显示数据源的值，其中每列表示一个字段，每行 表示一条记录。
• 功能
– – – – – – 绑定至数据源控件，如 SqlDataSource。 内置排序功能。 内置更新和删除功能。 内置分页功能。 内置行选择功能。 以编程方式访问 GridView 对象模型以动态设置属性、处 理事件等。
数据源控件
数据源控件类的层次结构图：
Control类 所有数据源控件都派生于 Control类
普通数据源控件
层次化数据源控件
ObjectDataSource
SqlDataSource
XMLDataSource
SiteMapDataSource
AccessDataSource 演示示例：使用SqlDataSource连接数据源
手写代码方式
展示数据的控件 grvDemo.DataSource = ds; grvDemo.DataBind( ); 数据绑定方法 指定数据集合
• 注意：
– 数据源控件方式只要指定数据源id即可； – DataSource方式在指定完数据源后必须使用绑定方法。
数据绑定控件
• 数据绑定控件可以用来展示和绑定数据
• Bind 方法支持读/写功能
– 可以检索数据绑定控件的值并将任何更改提交回数据库。
绑定列
• ButtonField字段
– 显示为数据绑定控件中的按钮 – CommandName设置自定义命令（RowCommand）
protected void gvDemo_RowCommand(…) { if (mandName == "Select") { int index = Convert.ToInt32(mandArgument); GridViewRow selectedRow = gvUser.Rows[index]; TableCell contactName = selectedRow.Cells[1]; } }
雇员管理
• 完成雇员管理模块的功能
– 绑定数据源 – 实现对雇员信息的修改、删除功能
参考答案： 雇员管理
修改雇员信息-关键代码
SqlConnection conn = new SqlConnection("Data Source=(local);Initial Catalog=Northwind;Integrated Security=SSPI;"); string strSql = "UPDATE Employees SET TitleOfCourtesy='" + ((TextBox)(grvDemo.Rows[e.RowIndex].Cells[5].Controls[0])).Text.ToString().Trim() + "',FirstName = '" + ((TextBox)(grvDemo.Rows[e.RowIndex].Cells[3].Controls[0])).Text.ToString().Trim() + "',Title = '" + ((TextBox)(grvDemo.Rows[e.RowIndex].Cells[4].Controls[0])).Text.ToString().Trim() + "' WHERE EmployeeID = '" + grvDemo.DataKeys[e.RowIndex].Value.ToString() + "'"; SqlCommand cmd = new SqlCommand(strSql, conn); conn.Open(); cmd.ExecuteNonQuery(); 获得下主键的值 conn.Close(); grvDemo.EditIndex = -1; BindGrid();
数据源控件
• VS2005内置的五种数据源控件
– – – – – SqlDataSource AccessDataSource ObjectDataSource XmlDataSource SiteMapDataSource
SqlDataSource允许访问支持 数据提供程序的所有 ObjectDataSource可以 数据源。可访问ODBC、 XmlDataSource可以对 对业务对象或其他返回数据 SQL Server等 XML文档执行特定访问， SiteMapDataSource可以对站点地图 的类执行特定的数据访问 包括物理访问和内存访问。 提供程序所存储的Web站点执行 特定的站点地图数据访问
Eval和Bind
• Eval 方法是只读方法
– 该方法采用数据字段的值作为参数并将其作为字符串返 回。 – 当对表达式操作时候，必须用Eval 如
<%# Eval("字段名").ToString( ).Trim( ) %>
– 格式化
<%# Eval("PublishDate", "{0:dd/MM/yyyy}") %> d：日期；m：月份；y：年份。可能格式化为“17/05/2008”。
<asp:TemplateField HeaderText="LastName" > <EditItemTemplate> <asp:TextBox ID=“txtLastName" runat="server" Text='<%# Bind("LastName") %>'></asp:TextBox> </EditItemTemplate> 注意单引号的使用 <ItemTemplate> <asp:Label ID=“lblLastName" runat="server" Text='<%# Eval("LastName") %>'></asp:Label> </ItemTemplate> 绑定字段的方法，还可以使用Eval </asp:TemplateField>