18、在 HTML 页面中运用数据视图与创建 HTML 表单的全面指南

在 HTML 页面中运用数据视图与创建 HTML 表单的全面指南

一、在 HTML 页面中使用数据视图

数据视图在网页开发里是极为关键的功能。在 Expression Web 4 中，数据视图不仅能在 ASP.NET 页面发挥作用，还能被集成到 HTM/HTML 页面，这是客户端脚本的典型应用。接下来详细介绍如何在 HTML 页面插入并定制数据视图。

（一）在 HTM/HTML 页面插入数据视图

1. 设置插入位置 ：把光标置于 Chapter7.html 的设计面板，“Using Data View in an HTML Page”标题末尾，按下回车键，在标题和下方块引用间插入新段落。
2. 插入数据视图 ：从数据视图菜单点击“Insert Data View”，此时数据源库面板会和工具箱显示在同一区域。
3. 添加 XML 文件 ：在“Local XML Files”组点击“Add An XML File”，于数据源属性对话框中点击“Browse”，从示例文件文件夹选取“feed.xml”，依次点击提示框和导入对话框的“OK”，让 Expression Web 把文件导入站点。
4. 显示数据详情 ：将光标悬停在数据源库面板的“feed.xml”条目上，点击出现的下拉箭头，选择“Show Data”，数据源详情面板会显示，可在此选择并插入 XML 文件节点到页面。
5. 选择节点并插入 ：按住 Ctrl 键