SAP UI5 Smart Table 和 Smart Filter Bar 的联合使用方法介绍试读版
2023-02-18 16:39:25 时间
本教程第 147 个步骤,我们介绍了 SAP UI5 Smart Table 控件的用法:
如下图所示:
本步骤我们在 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 的产品了。
下面是详细的实现步骤讲解。
相关文章
- Java编程中忽略这些细节,Bug肯定找上你
- 9个问题,带你掌握流程控制语句中的java原理
- 从IDC Marketscape报告看区块链政务数字化未来:权威解读新热点、新机遇
- chatGPT的火爆,并不偶然
- React 开发 | 常用 Hooks
- JDK19都出来了~是时候梳理清楚JDK的各个版本的特性了【JDK12特性讲解】
- Eolink 让我“重新认识“了自动化测试...
- 老板:你也把咱们网站弄成灰色——网站变灰色如何实现
- iptables规则案例
- ‘极锐’-一种新的锐化算法
- PS/LR滤镜插件套装 Nik Collection v5.3.0 Win/Mac
- Chrome插件:uBlock Origin – Chrome浏览器高效低占用的广告拦截插件
- 前端与区块链
- 云原生之微服务
- 集群动态环境管理神器 Modules
- 记 os_object_release Crash 排查
- 记 libAccessibility 通知 Crash 排查
- Ant Design Pro 中 点击子菜单的时候,其他菜单不自动收起来
- ETC 可视化
- 1267-Illegal mix of collations (utf8mb4_general_ci,IMPLICIT) and (utf8mb4_0900_ai_ci,IMPLIC for o...