河南经贸职业学院：《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 Indexchanging:当前索引正在改变时触发。 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、所有的数据绑定都通过 DataBindo函数 来实现。在实现数据绑定的时候,首先要 指明数据源,然后再使用 DataBindO函数

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

四、显示数据表记录 由于 Gridview控件是通过数据源控件与数据库绑定的,因此为了显示教据表,必须 先配置数据源控件。配置数据源控件的步骡如下, ])将 gridview控件放入一新窗体页中,单击〖图标,在打开的窗口中选择【新建 数据源)】,如图112所示, 单击此处 选择数据源 GridView任等 Column Columnl Column? 自动用格式入 abcabc abc 选择数浮 abc abc abc 编锰列 abc abc abc 添加新列 abe abe abc 骗板 图11.2选择 Gr idle控件的数据源

四、 显示数据表记录

(2)→在打开的对话框中,选择【数据库】图标然后单击【确定】按钮,如图113 所示。 数据配置育导 选择数据源类型 应用程序从哪里获取数据)? keE文件 对象 姑点地出 到0.R支的任何数据库,如ma自f(LS、rul,4或D, 力数指定D alDatseureel 确定消 图113选择Sq| DataSour ce作为蚁据源

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

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

Gridview任务 输入信息以连接到选定的数据源,或单击"更改“择另一个数据源 配置数据源- SqlDataSd和 数据源(S) 选择您的 Microsoft SQL Server(SqlClient) 更改( SQL 服务器名 应用程序连接数据库FENG45YBTo3 刷新(R 登录到服务器 Bo50 L Server服务管理器 回 连接宇符串(S G使用 Windows身份验证() 服务器Q HENG-45YB1TT03 C使用 SQL Server身份验证() 服务 QL Server 用户名 刷新服务Q 2开始/继续 厂保存密码(⑤ n暂停 连接到教据库 ■停止 选择或输入数据库名称(D 当启动0s时自动启动服务〔A 正在运行-CHEG45YB1TT03- MSSQLServe C附加数据库文件(H 消 高级(y 测试连接①」 取消

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

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