折疊樹

1.1 版本

1.2 預期效果

展示樹狀層級資料時，希望可以如下圖透過點選按鈕的方式來展開或收起每層的資料，那麼該如何實現呢？

2.3 實現思路

先將範本製作為 組織樹報表，然後給每層資料新增樹節點按鈕，最後透過資料分析預覽 (&op=view) 即可查看效果。

注：折疊樹僅支援【資料分析】預覽，且不支援凍結。

2.1 準備資料

建立一個資料庫查詢資料集 ds1，SQL 語句為：【SELECT * FROM 公司部門】。如下圖所示。

再建立一個 樹資料集 Tree1，其資料來源於 ds1，設定其原始標記欄位為列序號 1，父標記欄位為列序號 2，如下圖所示。

預覽效果如下圖所示：

2.2 製作組織樹

將樹資料集 Tree1 的 【FR_GEN_0】、【FR_GEN_1】、【FR_GEN_2】 這 3 個欄位分別拖到 A1、A2、A3 儲存格，並都設定為靠左，如下圖所示。

A2 儲存格的左父格自訂為 A1，如下圖所示。

A3 儲存格的左父格自訂為 A2，如下圖3所示。

A1、A2、A3儲存格都將形態設定為資料查詢 ds1，實際值為列序號1，顯示值為列序號3，如下圖所示。

給 A2、A3 儲存格都加相同的條件屬性，隱藏掉沒有資料的行，如下圖所示。

注1：設定父格的目的是，點選主格時，控制附屬於該組的子項內容展開與折疊。

注2：這裏設定顯示值為列序號 3，是讓前端預覽時可以顯示部門名稱，而不是 ID。

3.3 新增樹節點按鈕

給 A1、A2、A3 儲存格都新增樹節點按鈕，這個按鈕作用就是實現層級展開或收起，如下圖所示。

2.4 效果預覽

2.4.1 PC 端

儲存報表，點選【資料分析】預覽，效果如第一章第1節中所示。

2.4.2 行動端

行動端不支援【資料分析】預覽，要想在行動端實現折疊展開效果，可以參見文檔 ：行動端折疊展開樹插件。

已完成範本請參見：【%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doctw\SpecialSubject\TreeReport\折疊樹.cpt】。

點選下載範本：摺疊樹.cpt。

4.1 疊樹沒有效果

問題描述：

使用者設定了折疊樹按鈕後，預覽報表時沒有折疊樹效果。

原因分析：

1）預覽模式錯誤，使用了【分頁預覽】。

2）在複合式報表中設定了折疊樹。

3）在決策報表中設定了折疊樹。

解決方案：

1）折疊樹必須是以【資料分析】預覽(op=view)，而使用【分頁預覽】無法實現動態折疊樹效果。

2）更換為普通報表，複合式報表和決策報表不支援折疊樹。

4.2 疊樹匯出後沒有展開按鈕

折疊樹匯出為 Excel 後，折疊展開按鈕是不會儲存的，如下圖所示。