使用GridView显示数据
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
属性
FirstPageText PreviousPageText NextPageText LastPageText FirstPageImageUrl PreviousPageImageUrl NextPageImageUrl LastPageImageUrl
说明
第一页按钮的文字 上一页按钮的文字 下一页按钮的文字 最后一页按钮的文字 第一页按钮显示的图像的 URL 上一页按钮显示的图像的 URL 下一页按钮显示的图像的 URL 最后一页按钮显示的图像的 URL
5
使用GridView显示数据 显示数据 使用
新闻表
字段名
newsId visible title date content category hot
类型
int bit nvarchar datetime ntext nvarchar bit
描述
主键,自增 主键 自增 是否可见 新闻标题 日期 新闻内容 排序号 新闻类型 是否热点新闻
14
使用GridView更新数据 更新数据 使用
需求描述
以列表的形式展示所有产品信息 概要描述的长度如果超过30个字符，则只显示30 30个字符 概要描述的长度如果超过30个字符，则只显示30 个字符，其他用“ .. ..”代替 个字符，其他用“….. 代替 鼠标放在概要描述上时可以看到全部信息 允许修改显示的全部数据
16
使用GridView更新数据 更新数据 使用
实现思路
实现后台方法并在 TemplateField 列中调用
public static string trunc(string inStr, int len) { if (inStr.Length > len) { inStr = inStr.Substring(0, len) + "......"; } return inStr; } 方法调用 <asp:Label ID="Label3" runat="server" Text='<%# trunc(Convert.ToString(Eval("summary")),30)%>' ToolTip='<%# Eval("summary") %>'></asp:Label> 文字提示
17
使用GridView删除数据 删除数据 使用
需求描述
在上一案例列表数据之上实现删除数据功能 删除一条数据要同时删除产品和分类的关系 删除一条数据之前必须提示
18
使用GridView删除数据 删除数据 使用
实现思路
修改SqlDataSource 控件 DeleteCommand 属 修改 性中的 SQL 语句 在GridView 任务中启用删除 将CommandField列转化为 TemplateField 列 列转化为 设置按钮的OnClientClick 属性 设置按钮的
学员练习
设置SqlDataSource 控件，自动生成修改、删除 设置 控件，自动生成修改、 用户信息的代码， 用户信息的代码，然后根据需要手工修改编辑用 户信息的SQL语句 户信息的 语句 绑定GridView控件，显示用户信息 控件， 绑定 控件
20分钟完成 20分钟完成
24
实验案例2： 实验案例 ：新闻分类管理页面
需求描述
在页面上显示分类名称、类别排序和时间（格式 在页面上显示分类名称、类别排序和时间（ 为“年-月-日”） 月日 可以对分类名称和类别排序进行编辑
25
实验案例2： 实验案例 ：新闻分类管理页面
实现思路
使用母版页 使用SqlDataSource 控件 使用 使用GridView 控件 使用 修改UpdateCommand 中的 中的SQL 语句 修改 使用BoundField 列的 ReadOnly 属性 使用
29
实验案例3： 实验案例 ：新闻管理页面
学员练习
设置SqlDataSource控件 设置 控件 设置GridView控件 设置 控件 转换新闻标题的列类型， 转换新闻标题的列类型，并添加超链接 判断标题是否超过规定长度，超过的部分以“…” 判断标题是否超过规定长度，超过的部分以 代替
30分钟完成 30分钟完成
15
使用GridView更新数据 更新数据 使用
实现思路
使用SqlDataSource 控件获取数据 使用 使用GridView 控件显示列表数据 使用 使用GridView控件的“启用编辑”功能 控件的“ 使用 控件的 启用编辑” 使用GridView控件的 控件的TemplateField 列 使用 控件的 使用ToolTip 属性 使用
使用母版页 使用SqlDataSource 控件 使用 使用GridView 控件 使用 修改UpdateCommand 中的 中的SQL 语句 修改 使用BoundField 列的 ReadOnly 属性 使用 使用OnClientClick 属性 使用
23
实验案例1： 实验案例 ：用户管理页面
11
使用GridView显示数据 显示数据 使用
推荐步骤
分页显示数据
在 GridView 任务中启用分页 使用 PagerSettings 对象 PagerSettings 对象的 Mode 属性
模式 NextPrevious NextPreviousFirst Last Numeric NumericFirstLast
BENET3.0第二学期课程 BENET3.0第二学期课程
使用GridView显示数据 第八章 使用 显示数据
—— 理论部分
课程回顾
DataSet 对象的组成 使用 DataAdapter 对象填充 DataSet 使用 GridView 控件显示数据 使用 Request 对象获取地址参数
2
技能展示
27
实验案例3： 实验案例 ：新闻管理页面
需求描述
在GridView控件中分页显示新闻数据 控件中分页显示新闻数据 页面数据需要分页 新闻标题只显示固定长度，多余的以“ 表示 新闻标题只显示固定长度，多余的以“…”表示
28
实验案例3： 实验案例 ：新闻管理页面
实现思路
使用母版页 使用SqlDataSource 控件 使用 使用GridView 控件 使用 修改SelectCommand 中的 中的SQL 语句 修改 使用后台方法并在TemplateField 中调用 使用后台方法并在
会使用GridView控件显示指定的列 控件显示指定的列 会使用 会使用GridView控件显示根据参数查询出的 会使用 控件显示根据参数查询出的 数据 会使用GridView控件分页显示数据 会使用 控件分页显示数据 会使用GridView控件更新数据 会使用 控件更新数据 会使用GridView控件删除数据 会使用 控件删除数据
30
31
OnClientClick="return confirm('确认要删除此行信息吗？');"
19
本章总结
显示查询结果
显示数据 使用GridView 使用 显示数据
按指定列显示数据 按指定样式显示数据 分页显示数据
更新数据
删除数据
20
BENET3.0第二学期课程 BENET3.0第二学期课程
第八章使用GridView显示数据 显示数据 第八章使用
26
实验案例2： 实验案例 ：新闻分类管理页面
学员练习
设置SqlDataSource 控件，自动生成修改新闻类 设置 控件，自动生成修改新闻类 的代码，然后根据需要手工修改SQL语句 别的代码，然后根据需要手工修改 语句 绑定GridView控件，显示新闻分类信息 控件， 绑定 控件
30分钟完成 30分钟完成
9
使用GridView显示数据 显示数据 使用
推荐步骤
使用 DataFormatString 属性设置的日期格式 设置值
{0:D} {0:d} {0:f} {0:F} {0:s} {0:T}
显示格式
2009年4月12日 年 月 日 2009-4-12 2009年4月12日 15:52 年 月 日 2009年4月12日 15:52:36 年 月 日 2009-4-12 15:52:36 15:52:36
displayOrder int
6
使用GridView显示数据 显示数据 使用
实现思路
使用SqlDataSource 控件查询符合条件的数据 使用 使用GridView 控件显示列表数据 使用 使用GridView控件的分页功能 使用 控件的分页功能 使用DataFormatString 属性 使用
13
小结
请思考： 请思考：
如何使用GridView 控件显示指定的列？ 如何使用 控件显示指定的列？ 使用GridView 控件显示根据参数查询出的数据，应如 控件显示根据参数查询出的数据， 使用 何设置查询参数？ 何设置查询参数？ 如何使用GridView 控件分页显示数据？ 控件分页显示数据？ 如何使用 GridView中如何设置例如 2009-8-12”这样的日期格 中如何设置例如“ 在GridView中如何设置例如“2009-8-12”这样的日期格 式？
说明
显示上一页和下一页按钮 显示上一页、下一页、 显示上一页、下一页、第一页和最 后一页按钮 可直接访问的带编号的链接按钮， 可直接访问的带编号的链接按钮， 黙认显示模式 带编号的链接按钮， 带编号的链接按钮，第一页和最后 一页按钮
12
使用GridView显示数据 显示数据 使用
PagerSettings 对象的其它属性
推荐步骤
在“字段”窗口中编辑列 字段”
BoundField HyperLinkField
设置GridView 控件的显示外观 设置 制作标题的省略形式
将BoundField 字段转换为 TemplateField 使用条件表达式 <%# Convert.ToString(Eval("title")).Length>15? Convert.ToString(Eval("title")).Substring(0,15)+"... ...":Eval("title")%>
—— 上机部分
实验案例1： 实验案例 ：用户管理页面
需求描述
用户管理页面中显示用户名称、日期（格式为 用户管理页面中显示用户名称、日期（ “年-月-日”） 月日 以对用户名称进行编辑和删除， 以对用户名称进行编辑和删除，当删除用户时要 有删除提示框
22
实验案例1： 实验案例 ：用户管理页面
实现思路
7
使用GridView显示数据 显示数据 使用
推荐步骤
创建页面并添加控件
TextBox 控件 Button 控件 SqlDataSource 控件 GridView 控件
设置SqlDataSource 控件 设置 设置GridView 控件的数据源 设置
8
使用GridView显示数据 显示数据 使用
3
本章结构
显示查询结果
显示数据 使用GridView 使用 显示数据
按指定列显示数据 按指定样式显示数据 分页显示数据
更新数据
删除数据
4
使用GridView显示数据 显示数据 使用
需求描述
按标题关键词搜索新闻并把符合条件的新闻以列 表的形式展示出来 查询条件要与数据表中的新闻标题相匹配， 查询条件要与数据表中的新闻标题相匹配，模糊 查询即可 显示新闻标题、日期、 显示新闻标题、日期、新闻类型这几列 日期显示为年月日的形式，例如： 日期显示为年月日的形式，例如：2009-4-18 查询出来的数据要分页显示
使用 EmptyDataText 属性显示没有数据的文本
10
使用GridView显示数据 显示数据 使用
推荐步骤
分页显示数据
GridView控件分页属性 控件分页属性
属性
AllowPaging PageSize PageIndex PageCount
描述
是否启用分页功能 每页上所显示的记录的数目，黙认值 每页上所显示的记录的数目， 为10 当前页的索引 显示数据源记录所需要的页数
FirstPageText PreviousPageText NextPageText LastPageText FirstPageImageUrl PreviousPageImageUrl NextPageImageUrl LastPageImageUrl
说明
第一页按钮的文字 上一页按钮的文字 下一页按钮的文字 最后一页按钮的文字 第一页按钮显示的图像的 URL 上一页按钮显示的图像的 URL 下一页按钮显示的图像的 URL 最后一页按钮显示的图像的 URL
5
使用GridView显示数据 显示数据 使用
新闻表
字段名
newsId visible title date content category hot
类型
int bit nvarchar datetime ntext nvarchar bit
描述
主键,自增 主键 自增 是否可见 新闻标题 日期 新闻内容 排序号 新闻类型 是否热点新闻
14
使用GridView更新数据 更新数据 使用
需求描述
以列表的形式展示所有产品信息 概要描述的长度如果超过30个字符，则只显示30 30个字符 概要描述的长度如果超过30个字符，则只显示30 个字符，其他用“ .. ..”代替 个字符，其他用“….. 代替 鼠标放在概要描述上时可以看到全部信息 允许修改显示的全部数据
16
使用GridView更新数据 更新数据 使用
实现思路
实现后台方法并在 TemplateField 列中调用
public static string trunc(string inStr, int len) { if (inStr.Length > len) { inStr = inStr.Substring(0, len) + "......"; } return inStr; } 方法调用 <asp:Label ID="Label3" runat="server" Text='<%# trunc(Convert.ToString(Eval("summary")),30)%>' ToolTip='<%# Eval("summary") %>'></asp:Label> 文字提示
17
使用GridView删除数据 删除数据 使用
需求描述
在上一案例列表数据之上实现删除数据功能 删除一条数据要同时删除产品和分类的关系 删除一条数据之前必须提示
18
使用GridView删除数据 删除数据 使用
实现思路
修改SqlDataSource 控件 DeleteCommand 属 修改 性中的 SQL 语句 在GridView 任务中启用删除 将CommandField列转化为 TemplateField 列 列转化为 设置按钮的OnClientClick 属性 设置按钮的
学员练习
设置SqlDataSource 控件，自动生成修改、删除 设置 控件，自动生成修改、 用户信息的代码， 用户信息的代码，然后根据需要手工修改编辑用 户信息的SQL语句 户信息的 语句 绑定GridView控件，显示用户信息 控件， 绑定 控件
20分钟完成 20分钟完成
24
实验案例2： 实验案例 ：新闻分类管理页面
需求描述
在页面上显示分类名称、类别排序和时间（格式 在页面上显示分类名称、类别排序和时间（ 为“年-月-日”） 月日 可以对分类名称和类别排序进行编辑
25
实验案例2： 实验案例 ：新闻分类管理页面
实现思路
使用母版页 使用SqlDataSource 控件 使用 使用GridView 控件 使用 修改UpdateCommand 中的 中的SQL 语句 修改 使用BoundField 列的 ReadOnly 属性 使用
29
实验案例3： 实验案例 ：新闻管理页面
学员练习
设置SqlDataSource控件 设置 控件 设置GridView控件 设置 控件 转换新闻标题的列类型， 转换新闻标题的列类型，并添加超链接 判断标题是否超过规定长度，超过的部分以“…” 判断标题是否超过规定长度，超过的部分以 代替
30分钟完成 30分钟完成
15
使用GridView更新数据 更新数据 使用
实现思路
使用SqlDataSource 控件获取数据 使用 使用GridView 控件显示列表数据 使用 使用GridView控件的“启用编辑”功能 控件的“ 使用 控件的 启用编辑” 使用GridView控件的 控件的TemplateField 列 使用 控件的 使用ToolTip 属性 使用
使用母版页 使用SqlDataSource 控件 使用 使用GridView 控件 使用 修改UpdateCommand 中的 中的SQL 语句 修改 使用BoundField 列的 ReadOnly 属性 使用 使用OnClientClick 属性 使用
23
实验案例1： 实验案例 ：用户管理页面
11
使用GridView显示数据 显示数据 使用
推荐步骤
分页显示数据
在 GridView 任务中启用分页 使用 PagerSettings 对象 PagerSettings 对象的 Mode 属性
模式 NextPrevious NextPreviousFirst Last Numeric NumericFirstLast
BENET3.0第二学期课程 BENET3.0第二学期课程
使用GridView显示数据 第八章 使用 显示数据
—— 理论部分
课程回顾
DataSet 对象的组成 使用 DataAdapter 对象填充 DataSet 使用 GridView 控件显示数据 使用 Request 对象获取地址参数
2
技能展示
27
实验案例3： 实验案例 ：新闻管理页面
需求描述
在GridView控件中分页显示新闻数据 控件中分页显示新闻数据 页面数据需要分页 新闻标题只显示固定长度，多余的以“ 表示 新闻标题只显示固定长度，多余的以“…”表示
28
实验案例3： 实验案例 ：新闻管理页面
实现思路
使用母版页 使用SqlDataSource 控件 使用 使用GridView 控件 使用 修改SelectCommand 中的 中的SQL 语句 修改 使用后台方法并在TemplateField 中调用 使用后台方法并在
会使用GridView控件显示指定的列 控件显示指定的列 会使用 会使用GridView控件显示根据参数查询出的 会使用 控件显示根据参数查询出的 数据 会使用GridView控件分页显示数据 会使用 控件分页显示数据 会使用GridView控件更新数据 会使用 控件更新数据 会使用GridView控件删除数据 会使用 控件删除数据
30
31
OnClientClick="return confirm('确认要删除此行信息吗？');"
19
本章总结
显示查询结果
显示数据 使用GridView 使用 显示数据
按指定列显示数据 按指定样式显示数据 分页显示数据
更新数据
删除数据
20
BENET3.0第二学期课程 BENET3.0第二学期课程
第八章使用GridView显示数据 显示数据 第八章使用
26
实验案例2： 实验案例 ：新闻分类管理页面
学员练习
设置SqlDataSource 控件，自动生成修改新闻类 设置 控件，自动生成修改新闻类 的代码，然后根据需要手工修改SQL语句 别的代码，然后根据需要手工修改 语句 绑定GridView控件，显示新闻分类信息 控件， 绑定 控件
30分钟完成 30分钟完成
9
使用GridView显示数据 显示数据 使用
推荐步骤
使用 DataFormatString 属性设置的日期格式 设置值
{0:D} {0:d} {0:f} {0:F} {0:s} {0:T}
显示格式
2009年4月12日 年 月 日 2009-4-12 2009年4月12日 15:52 年 月 日 2009年4月12日 15:52:36 年 月 日 2009-4-12 15:52:36 15:52:36
displayOrder int
6
使用GridView显示数据 显示数据 使用
实现思路
使用SqlDataSource 控件查询符合条件的数据 使用 使用GridView 控件显示列表数据 使用 使用GridView控件的分页功能 使用 控件的分页功能 使用DataFormatString 属性 使用
13
小结
请思考： 请思考：
如何使用GridView 控件显示指定的列？ 如何使用 控件显示指定的列？ 使用GridView 控件显示根据参数查询出的数据，应如 控件显示根据参数查询出的数据， 使用 何设置查询参数？ 何设置查询参数？ 如何使用GridView 控件分页显示数据？ 控件分页显示数据？ 如何使用 GridView中如何设置例如 2009-8-12”这样的日期格 中如何设置例如“ 在GridView中如何设置例如“2009-8-12”这样的日期格 式？
说明
显示上一页和下一页按钮 显示上一页、下一页、 显示上一页、下一页、第一页和最 后一页按钮 可直接访问的带编号的链接按钮， 可直接访问的带编号的链接按钮， 黙认显示模式 带编号的链接按钮， 带编号的链接按钮，第一页和最后 一页按钮
12
使用GridView显示数据 显示数据 使用
PagerSettings 对象的其它属性
推荐步骤
在“字段”窗口中编辑列 字段”
BoundField HyperLinkField
设置GridView 控件的显示外观 设置 制作标题的省略形式
将BoundField 字段转换为 TemplateField 使用条件表达式 <%# Convert.ToString(Eval("title")).Length>15? Convert.ToString(Eval("title")).Substring(0,15)+"... ...":Eval("title")%>
—— 上机部分
实验案例1： 实验案例 ：用户管理页面
需求描述
用户管理页面中显示用户名称、日期（格式为 用户管理页面中显示用户名称、日期（ “年-月-日”） 月日 以对用户名称进行编辑和删除， 以对用户名称进行编辑和删除，当删除用户时要 有删除提示框
22
实验案例1： 实验案例 ：用户管理页面
实现思路
7
使用GridView显示数据 显示数据 使用
推荐步骤
创建页面并添加控件
TextBox 控件 Button 控件 SqlDataSource 控件 GridView 控件
设置SqlDataSource 控件 设置 设置GridView 控件的数据源 设置
8
使用GridView显示数据 显示数据 使用
3
本章结构
显示查询结果
显示数据 使用GridView 使用 显示数据
按指定列显示数据 按指定样式显示数据 分页显示数据
更新数据
删除数据
4
使用GridView显示数据 显示数据 使用
需求描述
按标题关键词搜索新闻并把符合条件的新闻以列 表的形式展示出来 查询条件要与数据表中的新闻标题相匹配， 查询条件要与数据表中的新闻标题相匹配，模糊 查询即可 显示新闻标题、日期、 显示新闻标题、日期、新闻类型这几列 日期显示为年月日的形式，例如： 日期显示为年月日的形式，例如：2009-4-18 查询出来的数据要分页显示
使用 EmptyDataText 属性显示没有数据的文本
10
使用GridView显示数据 显示数据 使用
推荐步骤
分页显示数据
GridView控件分页属性 控件分页属性
属性
AllowPaging PageSize PageIndex PageCount
描述
是否启用分页功能 每页上所显示的记录的数目，黙认值 每页上所显示的记录的数目， 为10 当前页的索引 显示数据源记录所需要的页数