JS實現自訂摺疊樹節點展開層數

1.1 版本

1.2 預期效果

在日常報表製作程式中，組織樹形式是非常便捷常用的展示形式。但在使用程式中，當組織樹層級不確定時候，希望能在初始化時候根據需求展開一定層級的樹節點。如下圖所示：

1.3 實現思路

透過「範本>範本 Web 屬性>資料分析設定」，選擇「為該範本單獨設定」，新增一個「載入結束」事件，適用 JS API實現自訂展開層數。

JS API的詳細介紹，請參見：資料分析專有

2.1 準備範本

開啟%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doctw\Advanced\GroupReport\組織樹報表.cpt 報表，報表製作的具體方法可參考： 組織樹報表範例。點選可下載範本：組織樹報表.cpt

開啟此範本是一個三層的樹狀結構，如下圖所示：

2.2 新增按鈕

給新增了資料欄的三個儲存格， A1、A2、A3儲存格新增「按鈕元件」，按鈕類型選擇「樹節點按鈕」。如下圖所示：

2.3 新增事件

點選菜單欄「範本>範本 Web 屬性>資料分析設定」，選擇「為該範本單獨設定」，新增一個「載入結束」事件，如下圖所示：

JavaScript 程式碼如下：

_g().expandNodeLayer(1);

2.4 效果預覽

2.4.1 PC 端

儲存範本，點選「資料分析」，只展開第一層樹節點，效果如下圖所示：

注：僅支援「資料分析」預覽。

展開二級節點，效果如下圖所示：

2.4.2 行動端

不支援行動端。

1）點選下載範本：自訂一層樹節點展開.cpt

2）點選下載範本：自訂二層樹節點展開.cpt