乐趣区

关于sap:SAP-UI5-Smart-Table-和-Smart-Filter-Bar-的联合使用方法介绍试读版

本教程第 147 个步骤,咱们介绍了 SAP UI5 Smart Table 控件的用法:

  • SAP UI5 利用开发教程之一百四十七 – SAP UI5 SmartTable 控件的应用介绍

如下图所示:

本步骤咱们在 Smart Table 自身的根底上再进一步,学习如何将 Smart Table 配合 Smart Filter Bar 独特应用。

先看一下成果。咱们进入文件夹 154,运行命令行 ui5 serve,能够看到 Smart Table 控件上方的 Filter Bar 控件,以后默认显示的 filter 为 Category 字段。

咱们能够为这个 Category 字段保护值,让这个值对 Smart Table 里显示的内容进行过滤。

首先点击 Category 字段如下图图例 1 所示的图标,在弹出的 Category 所有可选值下拉窗口里,抉择 Accessory

而后点击 OK:

点击 Smart Filter Bar 正上方的 Go 按钮,就能够对 Smart Table 进行过滤,从而让那些只有满足过滤条件即 Category 等于 Accessory 的产品数据显示进去,一共只有 4 条。

咱们还能够点击 Filters 超链接:

将另一个反对的 Currency filter 也配置进去:

当初能够看到 Currency 字段呈现在 Smart Filter Bar 区域了:

点击 Value Help,抉择 EUR 这个货币单位作为 filter:

点击 Go 按钮,就能够看到所有货币单位为 EUR 的产品了。

上面是具体的实现步骤解说。

退出移动版