雙向摺疊樹

1.1 版本

1.2 預期效果

我們有時需要資料表可以根據橫向和縱向的表頭分別實現展開或摺疊到任何資料詳細資訊，以方便動態查看，例如：顯示不同地區下的食品類別的訂單數量，效果如下圖所示：

1.3 實現思路

雙向摺疊樹就是行與列方向都有 摺疊樹，先製作為組織樹報表，然後給每層資料新增樹節點按鈕，最後透過資料分析預覽 (&op=view) 即可查看效果。

注：摺疊樹僅支援 普通報表 的 資料分析 預覽，且不支援凍結。

2.1 準備資料

建立普通報表，建立資料庫查詢，SQL 查詢語句為：

SELECT 貨主地區,貨主城市,客戶ID,類別名稱,訂單.訂單ID,產品名稱 FROM 產品,類別,訂單,訂單明細

where 產品.類別ID=類別.類別ID and 訂單.訂單ID=訂單明細.訂單ID and 產品.產品ID=訂單明細.產品ID and 貨主地區 in ('華東','華北') and 類別名稱 in ('穀類/麥片','肉/家禽','飲料') and 客戶ID like '%a'

如下圖所示：

2.2 設計表格

首先要設計一個雙向摺疊樹，雙向摺疊樹需要注意摺疊樹資料列不可位於同一行或者同一欄。具體設定詳見範本，主要注意儲存格的擴展方向、父格設定以及過濾條件。表格樣式如下圖所示：

儲存格設定如下：

2.3 設定樹節點按鈕

為了實現雙向摺疊樹需要為樹節點新增「按鈕元件」。

2.3.1 縱向樹節點按鈕

1）選擇 A4 儲存格，右側屬性面板選擇「元件設定」，選擇「按鈕元件」，按鈕類型選擇「樹節點按鈕」，如下圖所示：

2）選擇 B5 儲存格，右側屬性面板選擇「元件設定」，選擇「按鈕元件」，按鈕類型選擇「樹節點按鈕」，如下圖所示：

2.3.2 橫向樹節點按鈕

1）分別選擇 D1、G1 儲存格，右側屬性面板選擇「元件設定」，選擇「按鈕元件」，按鈕類型選擇「樹節點按鈕」，如下圖所示：

2）選擇 E2 、H2 儲存格，右側屬性面板選擇「元件設定」，選擇「按鈕元件」，按鈕類型選擇「樹節點按鈕」，如下圖所示：

2.4 設定過濾條件

1）雙擊 E2 儲存格，選擇「過濾」，類型為「普通」，過濾條件為：類別名稱不等於飲料，用於顯示除飲料外的其他食品類別，如下圖所示：

2）雙擊 H2 儲存格，選擇「過濾」，類型為「普通」，過濾條件為：類別名稱等於飲料，用於顯示飲料類別等於飲料的類別名稱，如下圖所示：

3）雙擊 D4 、D5、D6 儲存格，選擇「過濾」，類型為「普通」，分別設定過濾條件如下：

 如下圖所示：

4）雙擊 G4 、G5、G6 儲存格，選擇「過濾」，類型為「普通」，分別設定過濾條件如下：

 如下圖所示：

2.5 設定資料

將 「訂單 ID 」資料列拖入 D4~I6 儲存格內，選擇「儲存格元素>基本」，資料設定為「匯總」，「個數」，使得每個地區/每個食品種類的訂單數量匯總顯示，如下圖所示：

2.6 效果預覽

2.6.1 PC 端

儲存，選擇「資料分析」預覽，效果如 1.2 節所示。

2.6.2 行動端

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

已完成範本請參見：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doctw\SpecialSubject\TreeReport\雙向摺疊樹.cpt

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