页面范例2 - 嵌套化的购物车
图3-100所示的是页面范例CH3_DemoForm036.aspx的执行画面,这个购物车会将产品依其类别来加以分类。欲订购特定类别的产品,请在该产品类别数据行的“订购此类别的产品”数据列中单击“订购产品”标题旁的展开按钮,此举会显示一个产品订购清单,您就可以开始利用“+”与“-”按钮来决定产品的订购数量,您也可以随时单击“显示摘要信息”按钮来列出一个摘要清单。
本购物车在以下两个层面充分展现其精简且高效率的异步局部更新模式:
• 为了让大家了解相关操作会异步局部更新哪些区域,我们刻意在各个区域显示出更新时间。请特别注意图3-101所示的操作,我们发现,当用户单击“+”或“-”按钮时,只有所按下按钮所在的单元格的时间会改变,亦即只有这一极小的区域被异步局部更新。
|
![]() |
请特别注意图3-102所示的操作,当用户单击“显示摘要信息”按钮时,只有该区域会被异步
局部更新。
从以上的说明可以深刻体会,本购物车界面会以最经济的方式来进行异步局部更新,而这一切
都要归功于我们使用了嵌套化的UpdatePanel控件。相关设计技巧说明如下。
• 从图3-103可以看出,我们在“订购此类别的产品”数据列的ItemTemplate模板中,将“显示
摘要信息”按钮与列示摘要信息的Label控件再内含于另外一个UpdatePanel控件中。


|
|
protected void ProductCategoryGridView_RowCommand( |


|
|
| 图3-103 |
|
| 回书目 上一节 下一节 |
|
· 网络工程师自测获奖名.. · 08年4月各大网上书店及.. · 系统分析师自测获奖名.. · Linux结课考试自测获奖.. · 上周Linux系统命令的使.. · 上周真题冲刺测试获奖.. |
· 全国计算机等考四级模.. · 08年3月各大网上书店及.. · 网络工程师模拟测试获.. · 全国计算机软考考试指.. · 3月24日WCF聊天活动 积.. · 全国计算机等级考试四.. |
|
||||
| · 二手仿冒设备与思科再.. · 汶川大地震 IT技术人为.. · 网络故障排除宝典 · 访问控制列表(ACL)介绍 · 视频访谈:网管员如何踏.. · 首届中国IT工程师生态.. · 华为路由器配置 · 企业数据恢复指南 |
· 龙芯要做中国的“奔腾” · 2008年上半年全国软考.. · 交换机故障解决指南 · Vista SP1对决XP SP3 · LAMP技术精解 · 微软出价446亿美元收购.. · AIX操作系统管理应用(.. · 华为员工自杀频频拷问.. |
|||
|
||||
| · SQL Server 2008/2005.. · SOA 面向服务架构 · SQL Server 2008/2005.. · iSCSI应用与发展 · RAID——磁盘阵列基础 · Apache技术专题 · 三层交换技术专题 · SQL Server入门到精通 |
· Apache技术专题 · 国际文档格式标准开战 · 路由器设置与口令恢复 · 打造安全服务器 · PHP开发应用手册 · SOA 面向服务架构 · 企业数据恢复指南 · ADSL应用面面俱到 |
|||
|
||||
| · iSCSI应用与发展 · SQL Server入门到精通 · SQL Server 2008/2005.. · SOA 面向服务架构 · Apache技术专题 · iSCSI应用与发展 · 三层交换技术专题 · Apache技术专题 |
· 企业数据恢复指南 · RAID——磁盘阵列基础 · 路由器设置与口令恢复 · SOA 面向服务架构 · ADSL应用面面俱到 · ADSL应用面面俱到 · 反垃圾邮件技术应用 · 访问控制列表(ACL)介绍 |
|||