频 道 直 达 - 新闻 - 培训 - 软件 - 教程 - 前沿 - 组网 - 系统应用 - 安全 - 编程 - 存储 - 操作系统 - 数据库 - 服务器 - 专题 - 产品 - 案例库 - 读书 - 博客 - BBS
51CTO.COM_中国最大的网络技术网站
找资料:

页面范例2 - 嵌套化的购物车

作者: 章立民研究室 出处:机械工业出版社  2008-05-06 16:34    砖    好    评论   进入论坛
阅读提示:《ASP.NET AJAX 经典范例168(VC#版)》第3章主要讲的是实现的第一步,使用UpdatePanel异步局部更新页面,本节为您展示的是页面范例2 - 嵌套化的购物车。

页面范例2 - 嵌套化的购物车

图3-100所示的是页面范例CH3_DemoForm036.aspx的执行画面,这个购物车会将产品依其类别来加以分类。欲订购特定类别的产品,请在该产品类别数据行的“订购此类别的产品”数据列中单击“订购产品”标题旁的展开按钮,此举会显示一个产品订购清单,您就可以开始利用“+”与“-”按钮来决定产品的订购数量,您也可以随时单击“显示摘要信息”按钮来列出一个摘要清单。

本购物车在以下两个层面充分展现其精简且高效率的异步局部更新模式:

• 为了让大家了解相关操作会异步局部更新哪些区域,我们刻意在各个区域显示出更新时间。请特别注意图3-101所示的操作,我们发现,当用户单击“+”或“-”按钮时,只有所按下按钮所在的单元格的时间会改变,亦即只有这一极小的区域被异步局部更新。

 


请特别注意图3-102所示的操作,当用户单击“显示摘要信息”按钮时,只有该区域会被异步
局部更新。


从以上的说明可以深刻体会,本购物车界面会以最经济的方式来进行异步局部更新,而这一切
都要归功于我们使用了嵌套化的UpdatePanel控件。相关设计技巧说明如下。


• 从图3-103可以看出,我们在“订购此类别的产品”数据列的ItemTemplate模板中,将“显示
摘要信息”按钮与列示摘要信息的Label控件再内含于另外一个UpdatePanel控件中。


从图3-104可以看出,我们在作为产品订购清单的GridView控件的“订购数量”数据列的ItemTemplate模板中,将“+”按钮、“-”按钮以及显示订购数量的Label控件再内含于另外一个UpdatePanel控件( 务必将此UpdatePanel控件的UpdateMode属性设定成Conditional)中。
 
 
当然啦,要让本购物车界面能够顺利运作,您还必须编写下列的服务器端程序代码:
protected void ProductCategoryGridView_RowCommand(
object sender, GridViewCommandEventArgs e)
{
if (e.CommandName == "ShowSummary")
{
GridView myProductCategoryGridView = (GridView)(sender);
for (int i = 0; i < myProductCategoryGridView.Rows.Count; i++)
{
if (myProductCategoryGridView.Rows[i].Cells[0].Text ==
e.CommandArgument.ToString())
{
GridView myProductShopGridView = (GridView)(
myProductCategoryGridView.Rows[i].FindControl("ProductShopGridView"));
Label mylblSummary = (Label)(
myProductCategoryGridView.Rows[i].FindControl("lblSummary"));
StringBuilder sb = new StringBuilder();
sb.Append("<font color=’#FF0000’><b>" +
myProductCategoryGridView.Rows[i].Cells[1].Text +
"类" + "</b></font>" + "的产品订单:<br/>");
foreach (GridViewRow row in myProductShopGridView.Rows)
{
if (row.RowType == DataControlRowType.DataRow)
{
Label lblQuantity = (Label)(row.FindControl("lblQuantity"));
int currentQuantity = Int32.Parse(lblQuantity.Text);
sb.Append(row.Cells[0].Text + " : " + currentQuantity + "<br/>");
}
}
mylblSummary.Text = sb.ToString();
break;
}
}
}
}
protected void ProductCategoryGridView_RowDataBound(
object sender, GridViewRowEventArgs e)
{
if (e.Row.RowType == DataControlRowType.DataRow)
{
SqlDataSource s = (SqlDataSource)(e.Row.FindControl("ProductsDataSource"));
DataRowView r = (DataRowView)(e.Row.DataItem);
s.SelectParameters["CategoryID"].DefaultValue = r["类别编号"].ToString();
}
}
protected void DecreaseQuantity_Click(object sender, EventArgs e)
{
ChangeQuantity((Button)(sender), -1);
}
protected void IncreaseQuantity_Click(object sender, EventArgs e)
{
ChangeQuantity((Button)(sender), 1);
}
private void ChangeQuantity(Button Sender, int delta)
{
Label lblQuantity = (Label)(Sender.FindControl("lblQuantity"));
int currentQuantity = Int32.Parse(lblQuantity.Text);
currentQuantity = Math.Max(0, currentQuantity + delta);
lblQuantity.Text =
currentQuantity.ToString(System.Globalization.CultureInfo.InvariantCulture);
}

 
 
图3-103

 
【责任编辑:夏书 TEL:(010)68476606】

回书目   上一节   下一节
专题
ASP.NET 2.0基础开发指南
.NET移动与嵌入式技术专题
.NET Framework新手入门专题
VS.NET实用开发专题
ADO.NET实用技巧专题
我也说两句

匿名发表

(如果看不清请点击图片进行更换)


中 国 最 大 的 网 络 技 术 网 站 ·
技 术 成 就 梦 想
订阅技术快讯
电子杂志下载
名称:SQL Server数据库管理精品黄皮书
简介:书中文章经过精挑细选,便于用户能根据自己的实际工作和学习,快速在本书寻找到相关资料。内容涵盖了SQL Server的安装与升级、语句查询、数据备份和恢复、自动化任务、数据同步、数据字典、安全和预防、性能和优化、集群等各方面应用信息,以及DBA管理人员在数据库管理工作中
名称:2007路由技术大全
简介:《2007路由技术大全》由51CTO.com网站特别策划制作,该书包括路由器技术、路由器产品、路由器配置、安全设置、路由器故障处理、路由器密码恢复,以及广大网友在实践使用中的心得经验和技巧文章,内容注重实用性,适用于初学者入门,也适合多年从业者提高,是一本实践和理论完
名称:网络安全精品应用黄皮书
简介:《2007精品网络安全黄皮书》包括了9个大类24个小类, 800余篇文章,内容包含了熊猫烧香病毒、DDOS攻击、ARP病等热点问题的介绍及解决方案。从病毒查杀、防范、系统、数据等各方面的安全设置到黑客技术的了解、防范,涉及到了安全应用的全部领域, 由浅至深内容全面。
全面解析35岁技术人的价值与出路
全面解析35岁技术人的价值与..
勇闯IT培训黑色围城
勇闯IT培训黑色围城
二手仿冒设备与思科再营销谁更火
二手仿冒设备与思科再营销谁..
· 二手仿冒设备与思科再..
· 汶川大地震 IT技术人为..
· 网络故障排除宝典
· 访问控制列表(ACL)介绍
· 视频访谈:网管员如何踏..
· 首届中国IT工程师生态..
· 华为路由器配置
· 企业数据恢复指南
· 龙芯要做中国的“奔腾”
· 2008年上半年全国软考..
· 交换机故障解决指南
· Vista SP1对决XP SP3
· LAMP技术精解
· 微软出价446亿美元收购..
· AIX操作系统管理应用(..
· 华为员工自杀频频拷问..
ARP攻击防范与解决方案
ARP攻击防范与解决方案
iSCSI应用与发展
iSCSI应用与发展
SQL Server 2008/2005全解
SQL Server 2008/2005全解
· SQL Server 2008/2005..
· SOA 面向服务架构
· SQL Server 2008/2005..
· iSCSI应用与发展
· RAID——磁盘阵列基础
· Apache技术专题
· 三层交换技术专题
· SQL Server入门到精通
· Apache技术专题
· 国际文档格式标准开战
· 路由器设置与口令恢复
· 打造安全服务器
· PHP开发应用手册
· SOA 面向服务架构
· 企业数据恢复指南
· ADSL应用面面俱到
ARP攻击防范与解决方案
ARP攻击防范与解决方案
SQL Server 2008/2005全解
SQL Server 2008/2005全解
iSCSI应用与发展
iSCSI应用与发展
· iSCSI应用与发展
· SQL Server入门到精通
· SQL Server 2008/2005..
· SOA 面向服务架构
· Apache技术专题
· iSCSI应用与发展
· 三层交换技术专题
· Apache技术专题
· 企业数据恢复指南
· RAID——磁盘阵列基础
· 路由器设置与口令恢复
· SOA 面向服务架构
· ADSL应用面面俱到
· ADSL应用面面俱到
· 反垃圾邮件技术应用
· 访问控制列表(ACL)介绍