隐藏筛选栏

学习目标

  • 基于列表报表创建工作清单。

工作清单

工作清单页面布局是一种简化版的列表报表，不包含筛选栏。它显示一组需要由用户处理的项目。处理这些项目包括查看列表项的详细信息以及执行操作。这与列表报表页面布局不同，后者侧重于从大型数据集中查找相关项目并对其执行操作。

您可以使用 SAP Fiori 应用程序生成器创建工作清单页面。您也可以隐藏列表报表中的筛选栏来创建工作清单。要隐藏筛选栏，您既可以直接更改 manifest.json 文件中的设置，也可以使用 Page Map 对 manifest.json 文件进行必要的更改。

扩展阅读

  • 工作清单

  • 配置筛选栏

  • SAP Fiori Design Guidelines

在列表报表中隐藏筛选栏

上下文

在本练习中，您将修改列表报表以创建工作清单。您可以在 SAP Business Application Studio 中完成此操作。

任务流程

在 Manage Travels 应用程序中，您将隐藏列表报表中提供的筛选栏。

前提条件

您已完成单元 Configuring the List Report Filter Bar 中的练习 Add Fields to the List Report Filter Bar（课程：Adding Fields to the Filter Bar）。或者，您可以检出其解决方案分支：solution/add-semantic-fields-to-filterbar。

观看步骤并执行模拟

本练习包含一个模拟，它会引导您完成下面描述的所有步骤。您可以跟随该模拟，并使用自己的试用账户执行这些步骤。

练习：开始练习（SAP 官方交互式练习）

步骤

  1. 在 SAP Business Application Studio 中打开 Manage Travels 应用程序。

  2. 在 Explorer 视图中，选择 *Projects/app*。

  3. 右键单击 app 并选择 Show Page Map。此时会出现 Travels 应用程序的 Page Map。

  4. 隐藏列表报表的筛选栏。

  5. 在列表报表页面上，选择 Edit 选项。此时会出现 TravelList 页面编辑器。

  6. 选择 Filter Bar。筛选栏属性会出现在右侧窗格中。

  7. 在 Hide Filter Bar 下，从下拉列表中选择 True。

  8. 在 Explorer 视图中，选择 *Projects/app/webapp/manifest.json*。在 manifest.json 文件中，settings 下会出现以下代码：

"hideFilterBar": true

  1. 在 Manage Travels 应用程序中查看工作清单。

  2. 打开 Manage Travels 应用程序。

  3. 刷新显示 Manage Travels 应用程序的浏览器标签页。

结果

您可以看到筛选栏已被隐藏。

结果

在本课中，您已了解可以禁用列表报表的筛选栏。通过这样做，您已将列表报表修改为工作清单。

注意

  • 您可以在 GitHub 上找到此解决方案的文件。

  • 解决方案分支为 solution/hide-filter-bar 。

  • 您可以在 GitHub 上查看与上一分支相比的代码更改。