1. 程式人生 > >帆軟報表(finereport) 折疊樹

帆軟報表(finereport) 折疊樹

由於 設置 alt 數據 rep 圖片 字體 strong 分享圖片

在進行展現數據時,希望模板的數據是可以動態折疊的,即點擊數據前面的加號才展開對應下面的數據,可通過樹節點按鈕實現折疊樹效果

實現思路:

1.這裏建立一個內置數據集

技術分享圖片

添加數據

技術分享圖片

設置模板樣式,添加顏色和對其格式便於區分

技術分享圖片

為A2設置控件:按鈕控件→按鈕類型:樹節點按鈕

為A3設置控件:按鈕控件→按鈕類型:樹節點按鈕,設置左父格為A2

將A4左父格設置為A3

技術分享圖片

最後通過數據分析預覽(&op=view)查看效果

註:由於是通過按鈕控件實現該功能的,而普通的分頁預覽是不會將控件顯示出來,需要在op=view狀態即數據分析下才能顯示

技術分享圖片

預覽效果:

技術分享圖片

展開樹節點:

技術分享圖片

展開二級節點

技術分享圖片

動態折疊樹的設計思路是點擊主格時,控制附屬於該組的子項內容展開與折疊,由此達到數據分析的效果

樹節點按鈕不支持字體顏色設置:

例:這裏將A2 (樹節點按鈕控件) 和A4(未設置樹節點按鈕控件) 分別設置字體顏色

技術分享圖片

預覽:帶有樹節點按鈕控件的字體顏色未發生改變

技術分享圖片

帆軟報表(finereport) 折疊樹