用Dreamweaver实现网站购物车功能

• 关 键 词：
• dreamweaver
• javascript
• microsoft
• asp.net
• server

　　步骤三　将程序绑定到页面中

　　（ 1 ）在代码视图中找到代码 <asp:TextBox id="Sltxt" width="50" runat="server" /> ，将其改为 <asp:TextBox id="Sltxt" width="50" runat="server" Text='<%#Container. DataItem("SL")% >' /> 。

　　提示：其实就是绑定临表中的字段“ SL ”到文本框架“ Sltxt ”中。

　　（ 2 ）刷新购物车定义响应过程。在设计视图中，用鼠标右键单击“刷新购物车”按钮，在弹出的快捷菜单中选择【编辑标签（ E ） <asp ： bottun> 】菜单项。然后在弹出的【标签编辑器— Button 】窗口中选择【事件】下的【 OnClick 】事件，并在“ Button — OnClick ”文本区域中输入“ CpUpdate_Click ”响应过程，如图 83-12 所示。单击【确定】按钮完成对【刷新购物车】按钮的定义。

 　　（ 3 ）参照以上操作继续为【清除购物车】按钮的【 OnClick 】事件定义响应过程为“ ClearBy_Click ”。为【退出购物车】按钮的“ OnClick ”事件定义响应过程为“ javascript:window.close() ”。保存“ CPBY.aspx ”页面。

　　提示：本实例中没有为【确定下订单】按钮的【 OnClick 】事件定义响应过程，其定义方式将在下一实例中详细讲解。

　　（ 4 ）切换到代码视图，在“ ByGid ”数据网络源代码中找到代码 OnDeleteCommand ="ByData.OnDataGridDelete" ，如图 83-13 中圆角方框所示，将其改为： OnDelete Command="ByGrid_Delete" 。

　　（ 5 ）为数据网络设置相关样式后保存该页面。

　　本实例已详细讲解了产品购物车的实现，至于产品添加到购物车后如何确定下订单， 这将在下个实例中讲解。至此，本实例操作完毕。

【深 度 阅 读】 相 关 文 章

• 菜鸟学用DreamWeaver做ASP
• Dreamweaver动态网页实例：验证用户注册
• Dreamweaver制作网页幻灯片效果
• Dreamweaver教程：页面制作