去年，有几个人联系我们，试图将网络图控件集成到对象页中。由于这可能是Fiori应用程序的常见场景，我们决定将此逐步指南放在一起，引导您完成整个过程。

将自定义控件包含到对象页中最常见的方法是实现方面突破。使用Facet局部剖视图，可以为对象页面的一部分定义自定义视图。问题是，一个facet被设计用来容纳较少的内容，大数据与应用，并与所有其他facet一起放入一个无限滚动的容器中。另一方面，网络图被设计成一个内容丰富的组件。预计它将可视化更多的数据，淘客怎么赚钱，并占用页面上的大部分空间。它还支持缩放，国内云服务器哪家好，云快卖，并有自己的滚动条。如果你把它放在一个方面突破，你很可能会结束与双滚动条和糟糕的用户体验。

另一个问题与方面突破是，在一个对象页面的标题部分是相当大的，它吃掉了宝贵的空间，可以用来形象化的图形本身。对于较大的网络图，这可能会非常烦人。

这就是为什么我们建议您将网络图包含在页面级别的分组中。如果您仍然希望在Facet分支中放置网络图，自建站平台，我们建议您仅对少量节点执行此操作。您应该应用固定高度并将enableWheelZoom设置为false。这将防止网络图干扰facet容器滚动。

我们的演示应用程序将可视化文档列表。每一份文件都代表了我们公司为处理订单而实施的复杂流程中的一个步骤。为了让用户能够快速了解文档所代表的内容，我们希望为他们提供一个选项，在列表报表中单击文档，并在代表整个流程的网络图中查看它。

在创建页面级分组之前，我们需要一个OData服务和一个列表报表应用程序。如果您已经拥有了这两个组件，您可以跳过下面的两个部分，继续创建自己的UI组件。

OData服务

我们将使用CDS视图和网关构建一个简单的OData服务。在CDS视图中，我们将使用一个名为general\u table的简单表：

我们的应用程序需要4个实体集。第一个实体集将用作文档列表的模型。

其他三个实体集将提供网络图所需数据的模型。在我们的应用程序中，我们将只使用节点、线和属性。如果我们想将节点加入组并包含节点详细信息，我们需要更多的实体集。

创建简单列表报表应用程序

要创建简单列表报表应用程序，我们将使用SAP Web IDE(https://www.sap.com/developer/topics/sap-webide.html).

您可以尝试在沙盒模式下运行应用程序。当应用程序加载时，您应该看到一个列表报表应用程序，其表包含3个文档。当你点击表格中的一个项目时，你会看到一个空的对象页面。

创建你自己的UI组件