頁面動態行動列

1.1 問題描述

有些使用者想要在預覽報表的時候，根據自己的需要去調整報表的順序，如下圖所示，使用者可以透過點選頁面上的上移和下移來行動當前列。

1.2 實現思路

定義一個陣欄儲存排序的順序，點選上移或下移的時候，交換該陣欄相應位置的值，最後在擴展排序裏按照這個陣欄來排序。

2.1 建立資料集

建立資料集ds1 ，SQL語句：SELECT * FROM 銷量，如下圖所示：

2.2 報表設計

報表設計如下，A2 儲存格輸入公式：&B2，左父格設定為 B2。E2 儲存格資料設定為「匯總-求和」，最後隱藏 A 欄。如下圖所示：

2.3 新增動態參數

注：FVS 視覺化看板新增「當前頁面物件」超級連結實現，使用相同的參數和公式即可。

1）選中 F2 儲存格，新增動態參數，參數名為 a，參數值為公式類型，如下圖所示：

let(arr,if(len($a) = 0,range(count(B2[!0;!0])),$a),let(idx,inarray(A2,arr),if(idx = 1,arr,maparray(arr,if(index = idx,indexofarray(arr,idx - 1),if(index = idx - 1,indexofarray(arr,idx),item))))))

2）選中 G2 儲存格，新增動態參數，參數名為 a，參數值為公式類型，如下圖所示：let(arr,if(len($a) = 0,range(count(B2[!0;!0])),$a),let(idx,inarray(A2,arr),if(idx = len(arr),arr,maparray(arr,if(index = idx,indexofarray(arr,idx + 1),if(index = idx + 1,indexofarray(arr,idx),item))))))

公式解析：以上移為例

2.4 擴展後排序

選中 B2 儲存格，設定擴展後排序。排序依據為公式，公式為：INARRAY(&B2,$a)，排序規則為升冪。

2.5 預覽效果

2.5.1 PC 端

儲存範本，選擇分頁預覽，預覽效果如 1.1 節所示。

2.5.2 行動端

App 與 HTML5 端效果相同，如下圖所示：

點選下載範本：頁面動態行動列.cpt