如何从 SAP Fiori Elements List Report Table 点击事件响应函数里拿到表格某一行的信息
2023-09-14 09:03:54 时间
如下图所示,我按照这篇文章 如何在 SAP Fiori Elements List Report 表格工具栏里增添新的自定义按钮 里介绍的方式,在 SAP Fiori Elements List Report 应用的 table 工具栏里,添加了一个自定义按钮:
下一步,我期望选中某行表项后,点击该按钮,能弹出对应表项的一些数据。
所以问题的焦点,就是如何从按钮的点击处理函数 onCustomAction1 的输入参数 oEvent 里,获得当前表格里被选中的数据。
我们从 oEvent 变量触发:
oEvent.oSource 指向当前触发事件的 UI 控件,即 自定义按钮控件:
按钮的 parent 是 toolbar:
Toolbar 的 parent 就是整个响应式 table 了:
调用 getSelectedItem() 拿到当前选中行:
这个 ColumnListItem 包含了当前选中行的所有列。
调用其 getCells 方法,得到 8 个 Table Columns 的实例:
从其 sId 大致能辨识出每个 Column 代表的含义,或者直接根据其 index 也就是索引,也能判断出。比如第一个元素,是 product image column,而第二个元素 vbox,是一个复合控件,Vertical Box. 第三个元素,是一个 Text 控件,Product Category.
取得 Product Category 的代码比较简单:
先使用 getItems 拿到 vertical box 包含的所有数据:
然后再逐一访问每条数据实例,调用 getText 即可获得逐条数据内容。
更多Jerry的原创文章,尽在:“汪子熙”:
相关文章
- 【华为云技术分享】云小课 | SAP HANA高可用之实战演练
- 如何在 SAP UI5 应用中集成第三方库 :一个在移动设备上查看 Web 应用打印调试信息的小技巧
- 如何从 SAP Fiori Elements List Report Table 点击事件响应函数里拿到表格某一行的信息
- SAP ABAP Fiori Launchpad role based page - cached_sap_menu - 基于角色的页面显示原理
- 深入学习SAP UI5框架代码系列之三:HTML原生事件 VS UI5 Semantic事件
- SAP ui5 xml view parse and control creation point
- SAP ABAP 报表几个事件的先后执行顺序和作用
- 什么是 SAP Support Package Stack
- 如何监听SAP CRM BOR事件
- 如何修改SAP ABAP webdynpro的背景色
- SAP ABAP Netweaver里的胖接口(fat interface)
- SAP成都研究院蓝水晶(Blue Crystall)团队参加米其林全球挑战赛
- SAP CRM customer material info record
- Rxjs debounce 操作符在 SAP Spartacus 函数节流中的一个实际使用例子
- Angular 事件绑定语法在 SAP Spartacus Popover Component 中的一个应用
- 如何在SAP Spartacus里捕捉感兴趣的事件
- SAP Spartacus user form页面的css设计重构
- SAP Spartacus ConfigModule.withConfig的处理逻辑
- SAP Spartacus baseSite设置的源头 - 路由事件
- SAP Spartacus category navigation页面鼠标进入事件的处理
- SAP Cloud for Customer框架是如何使用JavaScript Promise的
- ABAP Netweaver, Hybris Commerce和SAP 云平台的登录认证
- 关于SAP Cloud Platform ABAP环境费用的问题
- 在SAP UI中使用纯JavaScript显示产品主数据的3D模型视图