在上一篇博文中，我们学习了如何对表进行筛选、排序和分组。这是每个CRUD应用程序的一个基本方面，因为大多数时间用户都要处理成百上千条记录，我们将学习如何利用SplitApp UI控件创建主细节应用程序，以及如何正确配置应用程序的清单以处理路由和目标。

SplitApp:允许您创建主细节应用程序的UI控件（用作应用程序控件的替换项）路由：我们将配置清单.json正确处理应用程序的路由ObjectHeader：控件，使用户可以轻松地识别特定对象。对象标题是对象的关键标识符，可以使用其他文本和图标进一步将其与其他对象区分开来导航到详细视图并绑定元素上下文：您将学习如何导航和打开详细页面，并将当前视图（详细视图）绑定到新上下文列表：在母版页中，我们将使用一个列表来显示业务伙伴，因为我们将有更少的空间

创建一个App.view.xml文件我们将把我们的SplitApp控件放在那里，而不是别的配置清单.json文件以使用新的应用程序视图并创建两条路线（带目标），这两条路线将同时用于主导航和详细导航创建BusinessPartnerList.xml.view把所有的内容移到这里Home.view.xml移除过滤器栏并转换列表中的表。不要惊慌，买云服务器，你所学到的一切都将在细节页面中使用在用户单击业务伙伴项目时向详细信息页面添加导航创建一个BusinessPartnerDetail.view.xml文件用于将合作伙伴信息（无法添加到列表项）显示到ObjectHeader和SaleOrders（表）中的页，与所选合作伙伴关联

SplitApp

SplitApp是一个完美的控件，当您需要创建主详细信息应用程序时使用。

SplitApp将调整其属性基于用户设备的行为。在台式机和平板电脑上，它会同时显示两个页面，如果用户使用智能手机，则每次只显示一个页面。

清单.json

现在您需要做的是更新配置文件：

rootView：我们需要更新viewName以使用新的App.view.xml文件刚刚创建routing/config：我们需要用当前的SplitApp id更新controlId值路由：我们需要为母版和详细页添加路由。对于每条路线，我们还需要创建一个目标视图。

这里有一个示例，说明最终结果应该是什么

要了解路由和目标元素的每个配置字段，您应该按照演练的导航和路由部分进行操作。

BusinessPartnerList

这将是我们的母版页，其中包含在列表。在列表上方，免费vps服务器，您应该始终放置一个搜索字段，以便筛选包含标准列表项中显示值的列表。

当用户单击其中一个项时，将触发导航，路由器（框架的一部分）将自动加载您在清单中定义的路由目标。对于每个目标，您已经指定了一个相关视图，该视图也将由框架加载。

这是您应该如何处理它：

从项目绑定上下文中获取BusinessPartnerID（该ID是BusinessPartnerSet的主键，因此它很重要，将用于访问合作伙伴详细信息）。

通过framework Router到我们的detail页，将BusinessPartnerID作为参数传递（您已经在清单.json，你还记得吗？）

我们在业务伙伴的详细信息页面。当框架加载视图和相关控制器时，要做的一件重要的事情是在加载正确的路由时附加我们的逻辑。为此，我们需要在BusinessPartnerDetail控制器的onInit代码中实现如下代码：

这样做很重要，否则我们将无法访问通过bindElement加载合作伙伴详细信息所需的正确BusinessPartnerID。

bindElement允许我们的视图将绑定"移动"到新路径/BusinessPartnerSet（'12345678'），包含合作伙伴详细信息的相对值。

在详细信息页中，我们希望在ObjectHeader中显示合作伙伴详细信息（我们无法在列表中显示）。

在ObjectHeader下面，我们将显示一个表，以显示附加到业务伙伴的所有SaleOrder（查看XML清单中的NavigationProperty to SalesOrder）。

对于每个SaleOrder，我们将显示：

OrderID with Note（目标标识符）LifecycleStatusDescription（ObjectStatus，颜色将由格式化程序处理）BillingStatusDescription（ObjectStatus，颜色将由格式化程序处理）DeliveryStatusDescription（ObjectStatus，颜色将由格式化程序处理）GrossAmount（正确处理国家货币的ObjectNumber）NetAmount（正确处理国家货币的ObjectNumber）TaxAmount（正确处理国家货币的ObjectNumber）CreatedAt（格式良好）

关于表中使用的UI控件的旁注：

ObjectIdentifier是一个显示控件，淘客佣金，使用户能够轻松地识别特定对象。ObjectIdentifier标题是对象的关键标识符，可以使用其他文本和图标进一步将其与其他对象区分开来。ObjectStatus允许您根据状态值为Error、Warning、Success或None为文本着色。ObjectNumber控件显示对象的编号和编号单位属性。数字可以使用语义颜色显示，以向用户提供有关对象的附加含义。将价格与货币或数字与计量单位组合在一起非常有用

如果您想查看最终结果，返现网，可以直接转到GitHub项目的step_3分支。

在下一部分中，我们将向SaleOrder的SaleOrderItem添加第二个向下钻取导航，淘客论坛，并添加删除操作！