除了我们之前在Fiori的Split-Screen上的文章，让我们继续添加一些功能。通常在进行培训时，您可以从小处着手，通过附加功能来增强功能。

让我们快速从GitHub存储库中复制一个工作应用程序，并在Web IDE中创建一个UI5项目。

快速运行应用程序会给我们提供与之前相同的咖啡和茶项目列表。

我们看到应用程序没有后退按钮包括这是非常流行的分屏应用程序。让我们快速添加一个。当我们查看详细视图时，爱返利，似乎负责相同的属性已经存在，但映射到设备模型。

根据API引用，它需要一个默认值为"false"的布尔值。

让我们研究设备模型，看看它在运行时返回的值是什么。我们在'模型.js'模型'文件夹下的文件。

现在全局设置相同的名称'设备'组件.js. API引用。

为了测试它返回的值，我们在启动'详图视图".

让我们分析‘设备’模型返回的值。

对于系统，‘电话’它返回‘假’，因此我们详图视图不显示后退导航按钮，这是公平的，因为我们可以在台式机/笔记本电脑上同时看到主屏幕和细节，但由于手机屏幕尺寸的限制，在手机上只能看到一个。暂时，让我们在控制台：-

以及详图视图现在显示"后退"按钮。

在实现端，我们添加了一个新的历史依赖项，人工智能关键技术，返利公众号，如这里所述。

暂时，我们将系统设置为"桌面"，以便"后退"按钮继续显示。

为了模拟场景，我们选择从主列表中选择"茶"项，在详细信息屏幕中查看茶项详细信息，然后单击"上一步"按钮。它显示主列表项，并显示咖啡详细信息。

但有一个小问题，当我们导航回主列表时，没有删除上一个选择主视图. 在这里，企业软件公司，网站自助建站系统，它保留了"Tea"项。为了避免每次单击"上一步"按钮时都会删除主列表项选择。

结果现在看起来是正确的。

您可能已经注意到，即使咖啡产品显示在右侧，也不会选择左侧的"咖啡"项。我们也可以通过将选择设置为下图：-

现在返回时，左侧的"咖啡"项被选中。同样，在最初加载应用程序时。

现在完成更新后，让我们将其推回到存储库。但是，我们不想覆盖现有的源代码库，而是希望单独保留该特性。我们将"Git"窗格中的所有更改暂存。

让我们创建一个新的远程分支（在存储库中），这样我们就可以将现有的作为主分支和新更改分开保存。如果需要，我们可以稍后合并此功能。

现在我们可以将更改推送到新的功能分支。

好的，现在我们的更改反映在功能分支上（主功能也保持不变？）

完整代码可在GitRepo的FioriMasterDetail上获得