当前位置:首页 > 产品展示

DW网页设计100例82:产品展示厅(四

时间:2018-11-20 07:31:04 作者: 来源:本站 点击:次 【收藏到QQ书签

广告 广告

  ( 11 )修改代码。切换到设计视图,选择“详细”图片,按第( 7 )至( 10 )步的操作添加【打开浏览器窗口】行为,并绑定字段“ CPID ”到修改代码的“ = ”之后。

  ( 12 )在设计视图中选择“购买”图片,参照第( 7 )至( 10 )步的操作添加【打开浏览器窗口】行为,设置 URL 为“ CPBY.aspx ”,将响应事件由“ OnLoad ”改为“ OnClick ”。再修改代码“ CPBY.aspx ”为“ CPBY.aspx?CPID= ”,然后绑定数据集“ CpData ”下的字段“ CPID ”到修改代码的“ = ”之后。

  ( 1 )剪切表格代码。选择“步骤一”里新建的表格,切换到代码视图,对该表格代码进行剪切,剪切的内容将被保存在系统的粘贴板中(以后可以用剪切下来的表格内容进行粘贴)。

  ( 2 )添加数据列表。切换到【服务器行为】面板,单击【 + 】按钮,在下拉菜单中选择【数据列表】菜单项。接着在弹出的数据列表中设置 ID 为“ CpDatalist ”,选择“ CpData ”数据集,设置显示记录为“ 16 ”,选择“模板”列表框中的“项目”,在内容文本区域中进行粘贴,将上一步操作中剪切的表格粘贴过来,设置组织项为“使用表”,并设置表列为 4 ,如图 82-12 所示。

  ( 3 )插入数据集导航条。给“ main ”表格添加一行,选择【应用程序对象】|【记录集分页】|【数据集导航条】菜单命令,在弹出的【插入数据集导航条】对话框中选择数据集“ CpData ”,设置显示方式为“文本”,单击【确定】按钮,如图 82-13 所示。

  ( 1 )新建动态页面并添加数据集。新建一个空白的动态页,将其命名为“ CPZL.aspx ”后保存,并添加数据集“ Cpzl ”,如图 82-14 所示。

  ( 2 )添加表格并绑定数据。在页面中插入一个表格,设置有关样式,并绑定数据集“ Cpzl ”的有关字段到表格中,如图 82-15 所示。

  提示:本实例中设定图片名为“产品编号”加“ -1 ”的图片是产品放大图片。

  提示:本实例中只有 16 个产品,所示数据集分页没能很好地显示出来,读者可以打开“ dwdat.mdb ”数据库,在“ DreamweaverCP ”表中任意输入 10 多个记录,就可以测试数据分页的效果了。

  本实例是通过数据列表来实现产品展示的,实际应用中,也有的是采用数据网络来实现的,至此,本实例操作完毕。

广告

上一篇:除了发布多款轻薄本新品华硕还在 COMPUTEX 上展示了一款双屏 AI 概念笔记本电脑 下一篇:请问皇族晶彩膜专卖店在哪加盟?

随机推荐的信息
    无相关信息