第十章DataList数据查询与展示.doc

第十章 DataList数据查询与展示 本章任务 实现“第三波书店”的如下功能： 前台图书列表显示功能 前台图书列表的排序和分页功能 前台图书热销排行页面功能 本章目标 掌握使用DataList控件显示数据 掌握DataList控件的分页和排序功能 会使用Repeater控件精确显示内容 回顾与作业点评 如何获取GridView单元格数据 ？ 分别说明GridView七种类型的数据绑定列的作用 如何用可视化编辑模板实现页面数据的更新功能 预习检查 DataList可否像GridView一样通过设置实现分页和排序？ 简述自定义分页的思路？ 任务一：图书列表(task10-1) 任务：前台图书列表显示 需求说明： 只显示点击率前五位的书籍信息，包括：书籍封面、书籍标题、作者、内容描述、价格信息 图书标题和封面要求实现链接功能 内容描述要求只显示前150 个字符 如果当前图书信息为空，将页面调转到前台默认页面 实现思路： 基于前台母版页创建书籍列表内容页 在DataList 的ItemTemplate 中可定义一个三行两列的Table 根据“ISBN” 获得图书封面 GridView和DataList 第i条记录的 第j个属性 第i*n+j条记录 以某种格式显示数据 格式可以使用模板和样式进行定义 可用于任何重复结构中的数据，如表 控件使用 HTML 中的Table 相关的元素在列表中呈现项 数据绑定 将DataList控件拖入页面 通过右键→“编辑模板”编辑模板列 与GridView相比 增加选定项模板（SelectedItemTemplate ） 增加分隔符模板（SeparatorTemplate ） 减少InsertItemTemplate DataList模板 属性名称 说 明 ItemTemplate 项模板，标记了每行显示的内容 AlternatingItemTemplate 交替项模板，可设置交替行显示不同的风格，不设置时，与项模板相同 SelectedItemTemplate 选中项模板，设置选中后的特殊样式 EditItemTemplate 编辑项模板 HeaderTemplate 和 FooterTemplate 页眉和页脚的模板 SeparatorTemplate 分隔符模板，一般用hr(一条直线) DataList重要属性 属性名称 说 明 RepeatColumns 显示的列数。默认为0，表示单行或单列显示 RepeatDirection 获取或设置DataList的显示方向，Horizontal：水平，Vertical：垂直 DataKeyField 获取或设置指定的数据源中的键字段 DataKeys 获取每个记录的键值 DataList重要事件 事件名称 说 明 EditCommand 单击DataList中某项编辑按钮时引发 ItemCommand 单击DataList中某项按钮时引发 ItemDataBound 将 DataList中的数据项绑定到数据时引发 UpdateCommand 单击DataList中某项更新按钮时引发 DeleteCommand 单击DataList中某项删除按钮时引发 RepeatColumns与RepeatDirection 比较以下两者之不同 DataKeyField与DataKeys 在每项商品信息后添加一个“删除”按钮 将DataList 控件的DataKeyField 属性设置成商品编号itemId 在“ 删除” 按钮引发的ItemCommand 或DeleteCommand 事件 通过DataKeys 属性获取到主键值，执行删除操作 任务二：排序和分页(task10-2) 问题：在网上购物时，用户通常喜欢按照自己关注的参数排序查看商品。DataList没有内置分页、排序的功能 要绑定的数据是已排序的数据 只绑定当前显示页面的数据 任务：图书列表页添加排序和分页 需求说明： 为“ 第三波书店”的图书列表页添加“按出版日期排序”和“按价格排序”功能 使用存储过程实现每页显示五条图书记录 实现单击TreeView的分类名，显示该分类下的全部图书信息 怎样实现为商品展示部分添加排序功能？ 最直接的办法是在数据库端实现排序 ①在.aspx中添加一个DropDownList