连接 Web 部件中的数据

重要:  本文是由机器翻译的,请参阅免责声明。请在 此处 中查找本文的英文版本以便参考。

您可以使用 SharePoint Web 部件中的菜单和按钮建立数据连接,而不用编写任何自定义代码。例如,通过连接 Web 部件,可以交替在视图中显示两个 Web 部件中的数据。另外,还可以在两个 Web 部件之间执行相关的计算,或使用一个 Web 部件中的值筛选另一个 Web 部件。可以在一个页面上使用所有这些连接。还可以通过使用与网站兼容的 Web 设计程序(如 SharePoint Designer)在同一首要网站中的不同页面上的 Web 部件之间建立连接。

本文内容

Web 部件连接的概述

创建 Web 部件连接

创建或更改两个 Web 部件之间的连接

完成您的 Web 部件连接

删除两个 Web 部件之间的连接

常见的 Web 部件连接类型

母版和详细信息

摘要和详细信息

父级和子级

搜索和筛选

计算

可选数据视图

数据增强功能

Web 部件连接概述

通过使用 Web 部件连接,可以创建或改进网站页面。如果将 Web 部件相互连接,那么当您在一个 Web 部件中执行操作时,就会更改另一个 Web 部件的内容。

例如,通过在员工列表视图 Web 部件与图像 Web 部件之间传递数据,可以将前者连接到后者。员工列表视图 Web 部件中包含一列,其中显示员工的照片,每次在该部件中选择一行时,您都可以在图像 Web 部件中看到相应的照片。

基本的 Web 部件连接

Web 部件连接是从一个 Web 部件向另一个 Web 部件传递数据并同步它们的行为的一种方式。

一个 Web 部件提供数据。

数据可以是列表、行、单元格或参数值。

另一个 Web 部件获取数据。

通过使用任一 Web 部件菜单上的“连接”命令的连接类型菜单,可以从该 Web 部件创建 Web 部件连接。

注意: 您可以创建只能在同一页上的 Web 部件之间的连接。从另一个网站或数据源连接到数据的 Web 部件,您可以使用的 Web 设计程序,例如 SharePoint Designer 中添加数据视图。

例如,从一个 Web 部件连接类型菜单命令可能会显示行提供给,并从目标 Web 部件连接类型菜单命令可能显示获取行从。下表介绍了您可能会看到连接菜单的常用命令。

连接菜单上的命令

说明

将数据行发送到

通过将所选数据行传递到其他 Web 部件,可以将列表视图 Web 部件连接到该 Web 部件。

在标准视图中,连接列表视图 Web 部件时,会自动添加选择项目列。它包含可用于指示哪些行传递到其他 Web 部件的选项。在普通视图中的一次,您可以选择只能有一行。某些列,如编辑列,用于在 Web 部件连接不可用。

在数据表视图中,您可以选择多个行,但只有一行传递到其他 Web 部件。如果选择了多个行,包含活动单元格的行传递到其他 Web 部件中,并将被忽略所有其他行。不能提供数据中的总行数或到其他 Web 部件的新行

通过这一连接类型,可以将多个 Web 部件连接到列表视图 Web 部件。

获取从参数值

此选项将源 Web 部件一列中的参数应用于目标 Web 部件中的一列。

筛选值来源

在标准视图和数据表视图中,可以将列表视图 Web 部件连接到可为其提供以下信息的另一个 Web 部件:

  • 数据的一个或多个列名和值对,可筛选列表视图 Web 部件中的数据

  • 一个数据列,用来按照升序或降序对列表视图 Web 部件中的数据排序

通过这一连接类型,只能将一个其他 Web 部件连接到列表视图 Web 部件。

您也可以创建两个不同的 Web 部件页所使用的 Web 设计程序,例如 SharePoint Designer 上 Web 部件之间的连接。

返回页首

建立 Web 部件连接

尝试在 Web 部件之间建立连接之前,应该先完成下列三个步骤。

步骤 1︰ 确定哪些数据所需的页上   
通常情况下,有一个或多个网站上的列表提供所需的数据。列表以表格格式显示数据。使用母版页可以轻松地修改和刷新数据、 更改排序顺序、 内的列表中和聚合数据筛选。您可以创建所需的格式显示仅选择数据的视图。通过使用工具窗格中的视图选择器,您可以更改列表视图 Web 部件,以使用刚刚所需的列的视图。若要创建视图,从列表中,在功能区中,在列表工具下单击列表创建视图选择所需的视图格式和,然后选择要显示的数据。

步骤 2︰ 将列表视图 Web 部件添加到页面   
可以向页面添加列表,通过将其作为 Web 部件添加到页面。

步骤 3︰ 连接 Web 部件以获得所需的结果   
可以创建只能在支持 Web 部件连接的 Web 部件之间的连接。列表视图 Web 部件、 表单 Web 部件和图像 Web 部件,包括支持 Web 部件连接的 web 部件。

“Web 部件”菜单上的“连接”菜单仅显示您可以创建的连接类型,并且可用的 Web 部件菜单仅显示兼容的 Web 部件。完成步骤 1 和步骤 2 之后,即可建立 Web 部件连接,而不用编写脚本或编码。

返回页首

建立或更改两个 Web 部件之间的连接

通过使用菜单和对话框,可以连接 Web 部件、在 Web 部件之间传递数据以及同步它们的行为。

  1. 通过浏览找到包含您要连接的两个 Web 部件的页面。

  2. 在“网站操作”菜单 按钮图像 上,单击“编辑页面”。

  3. 在 Web 部件的任何一个,单击 Web 部件菜单。然后,指向连接,指向要创建或更改,如将行提供给或排序/筛选来源的连接的类型。单击您要为其创建或更改连接的 Web 部件的名称。

    注意: Web 部件菜单上可能无法启用或您的页面上可见几个原因。这些原因包括 Web 部件或不支持连接、 不兼容的浏览器中或在禁用的连接区域您

    连接类型子菜单可能会随着 Web 部件页的不同以及 Web 部件的不同而不同。出现这种情况的可能原因有:Web 部件页、Web 部件或 Web 部件区域的属性设置的不同,该页上 Web 部件的兼容性的不同,以及这些 Web 部件是否具有兼容的连接类型。

对于某些 Web 部件连接,您可能必须在“配置连接”对话框中选择其他信息。例如,您可能必须选择要使用的连接类型或者选择要筛选的列。此外,根据两个 Web 部件或其中之一的创建方式,您可能会看到该 Web 部件连接所特有的其他对话框。

提示: 您可以隐藏 Web 部件的提示。例如,您可能希望使用它来提供数据到另一个 Web 部件,但不是希望它显示。

注意: 只有可以连接的 Web 部件才会显示在可用 Web 部件菜单上。页面上的其他 Web 部件可能不支持连接,或者可能不支持到当前 Web 部件的连接。此外,您的网站可能超出了某些连接限制。

返回页首

完成 Web 部件连接

首次在 Web 部件之间建立连接时,会出现“配置连接”对话框。在此对话框中,您可在获取数据的 Web 部件的列与提供数据的 Web 部件的列之间进行匹配。

注意: 您可能建立正确但是无意义的连接。例如,提供数据的 Web 部件有一个产品 ID 列,而获取数据的 Web 部件有一个员工 ID 列。虽然您可能能够匹配这些不同的 ID 值,但是结果毫无意义。

以下列表提供 Web 部件连接的一些常见示例:

匹配至另一个 Web 部件中的数据的字段或单元格的一个 Web 部件中的数据行   
从连接的 Web 部件的联系人列表视图 Web 部件。列表视图中的列之一是包含名为照片,其中包含指向该联系人的图片的 URL 的超链接的列。您连接到图像 Web 部件中,可以显示仅包含图片的 URL。您必须从联系人 Web 部件向图像 Web 部件提供正确的匹配中选择照片列。

一个 Web 部件连接到另一个 Web 部件中的数据的列中的数据行与匹配,以便您可以筛选   
从连接的 Web 部件是包含订单数据的列表视图 Web 部件。列表视图中的列之一是包含名为OrdersDetailsID行项目的列。您连接到另一个列表视图 Web 部件具有多个列包含订单的详细信息。下列操作之一是名为OrdersDetailsID匹配的列。连接两个 Web 部件,以便当您选择一个 Web 部件中的顺序,它在另一个 Web 部件中显示该订单的每个行项。您必须匹配OrdersDetailsID列中每个 Web 部件。

注意: 列名不必相同,但是基础数据必须匹配或者具有相同的值。

返回页首

删除两个 Web 部件之间的连接

  1. 打开网页。

  2. 网站操作菜单 按钮图像 ,单击编辑页面

  3. 选择要删除连接的其中一个 Web 部件。

  4. 单击 Web 部件菜单上,指向连接,然后指向要删除的信息,如将行提供给或排序/筛选来源的连接类型。

  5. 然后单击要删除连接的 Web 部件的名称。

    注意: 已启用连接的每个选择的连接子菜单上都会出现一个复选标记。如果看不到复选标记,则说明未启用连接。

  6. “配置连接”对话框中,单击“删除连接”

  7. 在系统提示您确认是否要删除 Web 部件之间的连接时,单击“确定”

Web 部件连接的常见类型

有多种方法可用来在页面上组合和连接 Web 部件。您可以在自己的页面上建立其中几种 Web 部件连接。下面的方案说明了 Web 部件之间的数据连接的常见类型。

主列表和详细信息

您有一个数据主列表,并且必须显示与该主列表相关的详细信息。

主列表和详细信息示例

  1. 员工基本情况 Web 部件,其中包含经常访问的员工基础数据,例如 ID、姓名和职务。

  2. 为了查找员工详细信息,您选择了一行。

  3. 该行被传递到其他 Web 部件。

  4. 在员工详细信息 Web 部件中,所有的员工详细信息均显示在一个表单中。

在列表视图 Web 部件中,甚至可以对一个大型列表进行排序和筛选,这有助于在选择行之前找到需要的员工。如果详细数据非常多,甚至可以在另一个页面上显示员工详细信息 Web 部件。

返回页首

摘要和详细信息

您有一个数据摘要列表,并且必须显示生成该摘要数据的详细信息。

摘要和详细信息示例

  1. 本年度截至现在为止的付款存根 Web 部件,其中包含报酬信息。

  2. 您选择了有关累计假期时间和病假天数的摘要信息。

  3. 这些摘要信息被传递到其他 Web 部件。

  4. 在显示每周数据的付款存根详细信息 Web 部件中,验证您看到的记录数据。

返回页首

父级和子级

您显示了一个数据列表(父信息),对于每一行都有一个或多个需要在另一个列表中显示的相关行(子信息)。

父级和子级示例

  1. 订单 Web 部件,其中提供了最近的客户订单列表。

  2. 您单击了包含您想要检查的订单的行。

  3. 该行被传递到其他 Web 部件。

  4. 在订单明细 Web 部件中,显示了该订单的所有行项目。

返回页首

搜索和筛选

您想在一个 Web 部件中输入数据,如搜索或筛选条件,并在另一个 Web 部件中显示结果。

搜索和筛选示例

  1. 在书籍搜索 Web 部件中,您输入了书籍信息,如书名、作者和主题,以便查找一本或一套书。

  2. 您单击了“提交”

  3. 搜索条件被传递到其他 Web 部件。

  4. 书籍列表 Web 部件显示一本或多本满足搜索条件的书。

返回页首

计算

虽然可以经常在 Web 部件内部计算数据,但有时可能想将两个 Web 部件组合在一起,以使得计算更加灵活。

计算示例

  1. 您在贷款数目 Web 部件中输入了贷款数目。

  2. 您单击了“开始”

  3. 贷款数目被传递到其他 Web 部件。

  4. 贷款计算器 Web 部件将计算贷款并显示每月还款计划。

返回页首

其他数据视图

以几种不同的方式查看数据可有助于了解含义、趋势和关系。您可以从一个 Web 部件传递列表、行和单元格(或字段和参数),并在其他视图中显示这些数据。

列表的另一个视图

您要在一个层次结构图表中显示所有公司员工。

列表数据的另一种视图

  1. 员工 Web 部件显示了员工 ID、员工姓名、职务和公司所有员工的管理者 ID。

  2. 因为您要使用所有数据,所以不需要进行选择。

  3. 所有数据被传递到另一个 Web 部件。

  4. 组织结构图 Web 部件显示了员工之间的工作关系,并且可以显示这种层次结构的其他视图。

    某一行的另一个视图

您想要以图表(例如饼图或条形图)的形式查看一行人口统计数据。

行数据的另一种视图

  1. 人口统计 Web 部件显示了人口统计数据,例如年龄、收入和遗产。

  2. 您选择了一行人口统计数据。

  3. 向另一个 Web 部件传递了数据。

  4. 图表 Web 部件以饼图或条形图的形式显示这行数据。

    单元格的另一个视图

您想跟踪筹资活动的总体进度。

单元格数据的另一种视图

  1. 在资金筹备 Web 部件中,组内的每个成员都输入了他/她所筹集资金的数额。

  2. 当前的总数显示在总数字段中。

  3. 该总数字段被传递到其他 Web 部件。

  4. 您在慈善目标 Web 部件中查看组的总体进度。

返回页首

数据增强

您想补充关于人员和地点的基本数据,以使数据既有趣,又引人入胜,同时又非常有价值。

数据增强示例

  1. 联系人 Web 部件显示了跟踪业务伙伴所必须具有的信息,例如姓名、地址,可能还有照片。

  2. 您选择了一个联系人。

  3. 一行数据被传递到其他 Web 部件。

  4. 您看到该联系人的照片显示在图像 Web 部件中,然后在地图 Web 部件中找到联系人的公司地址。

返回页首

注意: 机器翻译免责声明:本文是由无人工介入的计算机系统翻译的。Microsoft 提供机器翻译是为了帮助非英语国家/地区用户方便阅读有关 Microsoft 产品、服务和技术的内容。由于机器翻译的原因,本文可能包含词汇、语法或文法方面的错误。

扩展你的技能
了解培训
抢先获得新功能
加入 Office 预览体验计划

此信息是否有帮助?

谢谢您的反馈!

谢谢你的反馈! 可能需要转接到 Office 支持专员。

×