1. 概述
「分頁預覽」即普通預覽模式,FineReport 的默認預覽方式,一般在只需要查看報表數據用於分析的時候使用。
2. 分頁預覽示例
1)打開設計器,雙擊打開内置的 GettingStarted.cpt 模板,點擊設計器界面上的「預覽按鈕」訪問報表,如下圖所示:
注:該按鈕下面有5種預覽方式可選:分頁預覽、填報預覽、數據分析 、新填報預覽 、和移動端預覽,默認方式爲分頁預覽。
2)點擊「分頁預覽」之後,在浏覽器端就會打開一張報表,如下圖所示:
注: GettingStarted.cpt 模板設置了參數下拉控件,需先點擊查詢,再出現數據。
3. 分頁預覽設置
分頁預覽設置頁面,僅對「分頁預覽」模板有效。
在設計器中點擊模板>模板web屬性>分頁預覽設置,可對分頁預覽界面進行設置。如下圖所示:
主要功能模塊如下:
功能 | 内容 | 注意事項 |
---|---|---|
設置方式 | 填報頁面設置的第一步,可選擇服務器預定義的填報頁面設置,也可以爲模板單獨定義一個填報頁面設置 | - |
報表顯示位置 | 設置報表在浏覽器顯示的位置 | 移動端不生效 |
頁面 | 頁面的一些特殊設置 | - |
工具欄 | 可設置是否顯示工具欄以及自定義工具欄顯示的内容 | 移動端不支持工具欄設置 |
事件設置 | 用戶可添加 Web 事件,詳情可參見 Web 頁面事件 | 移動端僅支持加載起始和加載結束事件 |
3.1 設置方式
3.1.1 采用服務器設置
設置方式默認爲「采用服務器設置」,底部功能均被置灰不可編輯,該方式作用於當前服務器下的所有模板。
如果想要修改服務器預定義的分頁預覽設置,可以點擊設計器菜單欄服務器>服務器配置,在打開的「報表服務器參數」界面選擇「分頁預覽設置」進行修改。
3.1.2 爲該模板單獨設置
設置方式下拉選擇「爲該模板單獨設置」時,可直接編輯下方的功能,配置好的頁面只作用於當前模板,其他模板不可用。
3.2 報表顯示位置
設置報表預覽時在浏覽器的顯示位置,分爲「居中展示」和「左展示」,默認爲「左展示」,如下圖所示:
1)居中展示
2)左展示
3.3 頁面設置
對預覽頁面的一些特殊設置,如下圖所示:
1)以圖片方式顯示:分頁預覽的時候,會生成圖片形式的報表。
2)iframe 嵌入時自動收縮:當模板以 iframe 的方式嵌入到其他的模板當中時,預覽時會自動調整模板的大小,以适應 iframe 的大小。
嵌入的模板未勾選「iframe 嵌入時自動收縮」時,效果如下圖所示:
嵌入的模板勾選「iframe 嵌入時自動收縮」後,效果如下圖所示:
3)重方式輸出格子:控制單元格的行高列寬不随内容多少而變化。
3.4 工具欄
3.4.1 顯示工具欄
系統默認勾選使用工具欄,即填報預覽時上方會顯示工具欄,如果需要隐藏工具欄,去掉勾選即可。
3.4.2 添加工具
1)雙擊工具,将工具添加到頂部工具欄。
2)選中工具後,點擊 将工具添加到頂部工具欄,點擊
将工具添加到底部工具欄。
3)點擊「恢複默認」,可恢複原始狀态。
3.4.3 自定義工具欄
點擊工具欄右邊的 ,即可進入工具欄編輯界面,如下圖所示:
編輯界面可以修改已經添加的工具屬性和排序,删除單個工具,自定義工具欄的背景。如下圖所示:
工具欄背景默認「沒有背景」,點擊「背景設置」,可設置背景爲「顔色」、「紋理」、「圖案」、「漸變色」、「圖片」。以設置背景「顔色」爲藍色爲例,效果如下圖所示:
3.4.4 删除工具
已經添加的工具如何删除呢?設計器提供 2 種删除方式,分别如下:
1)删除所有工具
點擊工具欄右邊的 ,即可清空工具欄中的所有工具,如下圖所示:
2)删除單個工具
點擊工具欄右邊的 ,在工具欄編輯界面可通過
删除單個工具,如下圖所示:
3.5 事件設置
點擊事件設置下方的 ,可添加 JS 事件,通過 JavaScript 代碼的方式實現其他預覽需求。詳情可參見:Web 頁面事件 。