河南经贸职业学院：《ASP.NET动态网站开发》课程教学资源（PPT课件）第十八讲 利用GridView控件显示数据

第十八讲利用 Gridview控件显 示数据

第十八讲 利用GridView控件显 示数据

教学目的: 掌握数据绑定的基本概念 、掌握 Gridview控件的基本用法 教学重点: 、显示数据表记录 三、对数据表进行分页、排序和选择 四、显示记录中的图像

教学目的： 一、掌握数据绑定的基本概念 二、掌握GridView控件的基本用法 教学重点： 一、显示数据表记录 二、对数据表进行分页、排序和选择 三、利用模板美化显示 四、显示记录中的图像

Gridview控件的常用属性 Gridview控件的属性很多,总体上可以分为分页、 数据、行为、样式等几类 1)分页:主要设置是否分页、分页标签的显示样 式、页的大小等。 2)数据:设置控件的数据源。 3)行为:主要进行一些功能性的设置,如:是否 排序、是否自动产生列、是否自动产生选择删除修改按 钮等。 4)样式:设置 Gridview控件的外观,包括选择行 的样式、用于交替的行的样式、编辑行的样式、分页界 面样式、脚注样式、标头样式等

一、GridView控件的常用属性 GridView控件的属性很多，总体上可以分为分页、 数据、行为、样式等几类。 1）分页：主要设置是否分页、分页标签的显示样 式、页的大小等。 2）数据：设置控件的数据源。 3）行为：主要进行一些功能性的设置，如：是否 排序、是否自动产生列、是否自动产生选择删除修改按 钮等。 4）样式：设置GridView控件的外观，包括选择行 的样式、用于交替的行的样式、编辑行的样式、分页界 面样式、脚注样式、标头样式等

Gridview控件的常用事件 Gridview控件的事件非常丰富。当在 Gridview控 件上操作时就会产生相应的事件。要实现的功能代码就 写在相应的事件中。 Gridview控件的常用事件主要有: 1) Page changing:当前索引正在改变时触发 2) RowCancelingedit:当放弃修改数据时触发 3) RowDeleting:当删除数据时触发。 4) RowEditing:当要编辑数据时触发 5) RowUpdating:当保存修改的数据时触发。 6) SeletedIndex changing:在选择新行时触发 7) Sorting:当操作排序列进行排序时触发。 8) RowCreated:在创建行时触发

二、GridView控件的常用事件 GridView控件的事件非常丰富。当在GridView控 件上操作时就会产生相应的事件。要实现的功能代码就 写在相应的事件中。GridView控件的常用事件主要有： 1）PageIndexChanging:当前索引正在改变时触发。 2）RowCancelingEdit:当放弃修改数据时触发。 3）RowDeleting:当删除数据时触发。 4）RowEditing:当要编辑数据时触发。 5）RowUpdating:当保存修改的数据时触发。 6）SeletedIndexChanging:在选择新行时触发。 7）Sorting:当操作排序列进行排序时触发。 8）RowCreated:在创建行时触发

、数据绑定的基本概念 1、数据绑定就是将数据源中的数据显示到 数据服务控件中。数据源可以是数据库表、 数组、集合等。数据服务控件是专门用于 在页面上显示数据的一种控件。我们将主 要介绍 Gridview控件、 Datalist控件、 Repeater控件。 2、所有的数据绑定都通过 DataBind O函数 来实现。在实现数据绑定的时候,首先要 指明数据源,然后再使用 DataBind0函数

三、数据绑定的基本概念 1、数据绑定就是将数据源中的数据显示到 数据服务控件中。数据源可以是数据库表、 数组、集合等。数据服务控件是专门用于 在页面上显示数据的一种控件。我们将主 要介绍GridView控件、DataList控件、 Repeater控件。 2、所有的数据绑定都通过DataBind()函数 来实现。在实现数据绑定的时候，首先要 指明数据源，然后再使用DataBind()函数

四、显示数据表记录 由于 gridview控件是通过数据源控件与数据库绑定的,因为了显示数据表,必须 先配置数据源控件。配置数据源控件的步骤如下。ψ ()将 gridview控件放入一新窗体页中,单击图标,在打开的窗囗中选择【新建 数据源…)】,如图112所示。 单击此处选择数据源 Column Columnl Column2 Gvew任务 自动用格式入 abc 选探数秀理 abc abc abe 列,[的醇 kk数画质 abcabc abe 图11.2选择 Gr idity"控件的懿据源

四、 显示数据表记录

2)→在打开的对话框中,选择【数据库】图标然后单击【确定】按钮,如图113 所示。 R鄱透配置导 ? x 选择数据源类型 应用程序从哪型获取数据c)? kee期男m文件对象 站点地图 连报到0m支的任何形,如a闻sar,ral,威m 加数指定1①) aDatseureel 确定消」 图113选择 SqlDataSource作为数据源

■(3)在打开的对话框中选择【连接对象】。 设置的连接对象(因为连接对象可以在多个 冈页中共享),也可以单击【新建】按钮创 建新的连接对象。图7.4是创建一个新连接 时的情况

▪ (3)在打开的对话框中选择【连接对象】。 选择的方法既可以在下拉列表中选择已经 设置的连接对象(因为连接对象可以在多个 网页中共享)，也可以单击【新建】按钮创 建新的连接对象。图7.4是创建一个新连接 时的情况

Gridview任乡 输入信息以连接到选定的数据源,或单击"更改择另一个数据源 配置数据源-5q| Data 选择您的 数据源(5 Microsoft SQL Server(Salo 更改 SQL 服务器名(E 应用程序连接数据库HENG45YB1T0 刷新(R 登录到服务器 Bo50 L Server服务管理器 回 」连接字符串 G使用 Windows身份验证( 服务器Q CHENG-45YB1TTO3 C使用 SQL Server身份验证( 服务① 用户名(0 刷新服务 密吗(P 开始/续() 厂保存密码⑤ 暂停 连接到数据库 停止 选择或输入数据库名称(D: 当启动0s时自动启动服务〔A 正在运行-cHHG45YB1TT03- MSSQLServer C附加数据库文件(H 浏览(B 罗辑名 消 高级() 测试连接(D 取消

在图的上方小窗口中填入服务器名,中间的用户 名中填写用户名(使用 Windows身份验证时可不 填),在下面的下拉列表中选择样板库 ( Northwind)。 Gridview控件的 DataSourceID属 性是一个非常重要的属性,它指向使用的数据源 控件。当前面的设置完成以后, Gridview控件的 DataSourceId的属性将自动指向 Sqldatasourcel (4)在新打开的对话框中选择数据表以及表中的 字段,然后单击【下一步】按钮。图11.5中选择 的是 Products数据表,并选择了其中的5个字段

▪ 在图的上方小窗口中填入服务器名，中间的用户 名中填写用户名(使用Windows身份验证时可不 填)，在下面的下拉列表中选择样板库 (Northwind)。GridView控件的DataSourceID属 性是一个非常重要的属性，它指向使用的数据源 控件。当前面的设置完成以后，GridView控件的 DataSourceID的属性将自动指向SqlDataSource1。 ▪ (4)在新打开的对话框中选择数据表以及表中的 字段，然后单击【下一步】按钮。图11.5中选择 的是Products数据表，并选择了其中的5个字段