如下圖所示，我按照這篇文章 [如何在 SAP Fiori Elements List Report 表格工具欄裡增添新的自定義按鈕](https://zhuanlan.zhihu.com/p/370196361) 裡介紹的方式，在 SAP Fiori Elements List Report 應用的 table 工具欄裡，新增了一個自定義按鈕：

![](https://img-blog.csdnimg.cn/img_convert/caa9adc198460d1e54569ffbc6591119.png)

下一步，我期望選中某行表項後，點選該按鈕，能彈出對應表項的一些資料。

所以問題的焦點，就是如何從按鈕的點選處理函式 onCustomAction1 的輸入引數 oEvent 裡，獲得當前表格裡被選中的資料。
 
![](https://img-blog.csdnimg.cn/img_convert/5ee915fe8efc7be97a28cb17c3b36a9b.png)

我們從 oEvent 變數觸發：

![](https://img-blog.csdnimg.cn/img_convert/fae933919d06673a97a6917bacb27176.png)

oEvent.oSource 指向當前觸發事件的 UI 控制元件，即 自定義按鈕控制元件：

![](https://img-blog.csdnimg.cn/img_convert/1ccb25f759d35c66fda89baf41616685.png)

按鈕的 parent 是 toolbar：
![](https://img-blog.csdnimg.cn/img_convert/06c8fdc5400e31624e634f760fa17747.png)

Toolbar 的 parent 就是整個響應式 table 了：

![](https://img-blog.csdnimg.cn/img_convert/6a3b48ca77dee236363c7f7a5f97cee9.png)

呼叫 getSelectedItem() 拿到當前選中行：

![](https://img-blog.csdnimg.cn/img_convert/b7b7bd314e5eda0828aaf1a165b94dfd.png)

這個 ColumnListItem 包含了當前選中行的所有列。

呼叫其 getCells 方法，得到 8 個 Table Columns 的例項：

![](https://img-blog.csdnimg.cn/img_convert/eb0ff0d91b31f3102c7cd4ec3e346f96.png)

![](https://img-blog.csdnimg.cn/img_convert/35645b71060d5508973127a2f2900ec8.png)

![](https://img-blog.csdnimg.cn/img_convert/be8f4ddbe36c2f56fed94eb2e8fce302.png)

從其 sId 大致能辨識出每個 Column 代表的含義，或者直接根據其 index 也就是索引，也能判斷出。比如第一個元素，是 product image column，而第二個元素 vbox，是一個複合控制元件，Vertical Box. 第三個元素，是一個 Text 控制元件，Product Category.

取得 Product Category 的程式碼比較簡單：

![](https://img-blog.csdnimg.cn/img_convert/0933a3960f05d3912cd9320aeea8215d.png)

先使用 getItems 拿到 vertical box 包含的所有資料：

![](https://img-blog.csdnimg.cn/img_convert/9b6d650e1329ccfc28d6674cab3224f1.png)

然後再逐一訪問每條資料例項，呼叫 getText 即可獲得逐條資料內容。

![](https://img-blog.csdnimg.cn/img_convert/e39e5d244f059250f227dd8de2e65a53.png)

如何從 SAP Fiori List Report Table 點選事件響應函式里拿到表格某一行的資訊

相關文章