一、概述
1
版本。
報表伺服器版本 |
---|
11.0 |
2
應用場景。
【分頁預覽】是 FineReport 的預設預覽方式,一般在只需要查看報表資料時使用。
3
功能簡介。
開啟設計器,雙擊開啟內建 【GettingStartedTW.cpt】 範本,點選設計器介面上的【預覽按鈕】下拉鍵,點選【分頁預覽】即可預覽報表。如下圖所示。
點選【分頁預覽】之後,在瀏覽器端就會開啟一張報表,如下圖2所示。
注: GettingStartedTW.cpt 範本設定了參數下拉框元件,需先點選查詢,才會出現資料。
二、分頁預覽設定
點選設計器菜單欄【範本】→【範本Web屬性】→【分頁預覽設定】,可對分頁預覽的報表介面進行設定,僅對【分頁預覽】範本有效。如下圖所示。
主要功能模組如下表所示。
功能 | 内容 | 注意事項 |
---|---|---|
設定方式 | 預設選擇【採用伺服器設定】,可選擇【為該範本單獨設定】。 | - |
報表顯示位置 | 設定報表在瀏覽器顯示的位置。 | 行動端不生效 |
頁面 | 頁面的一些特殊設定。 | - |
工具欄 | 可設定是否顯示工具欄以及自訂工具欄顯示的內容。 | 行動端不支援工具欄設定 |
事件設定 | 使用者可新增 Web 事件,詳情可參見 Web 頁面事件 | 行動端僅支援載入起始和載入結束事件 |
分頁設定 | 使報表按指定的儲存格,根據固定的列數進行分頁。 | 需要確定分頁資料儲存格 |
1
設定方式。
採用伺服器設定:
設定方式預設為【採用伺服器設定】,底部功能均被置灰不可編輯,該方式作用於當前伺服器下的所有範本。
如果想要修改伺服器預定義的分頁預覽設定,可以點選設計器菜單欄【伺服器】→【伺服器配置】→【分頁預覽設定】進行修改。
為該範本單獨設定:
設定方式下拉選擇【為該範本單獨設定】時,可編輯下方的所有功能,配置好的頁面只作用於當前範本,其他範本不可用。
2
報表顯示位置。
設定報表預覽時在瀏覽器的顯示位置,分為【置中展示】和【左展示】,預設為【左展】,對應的效果分別如下圖所示。
3
頁面設定。
對預覽頁面的一些特殊設定:
以圖片方式顯示:分頁預覽的時候,會生成圖片形式的報表,即滑鼠無法選中文字。
iframe 嵌入時自動縮放:當範本以 iframe 的方式嵌入到其他的範本當中時,預覽時會自動調整範本的大小,以適應 iframe 的大小。
以文檔 iframe中嵌入報表 的範例為例:
嵌入的範本未勾選【iframe 嵌入時自動縮放】時,效果如下圖1所示。
嵌入的範本勾選【iframe 嵌入時自動縮放】後,效果如下圖2所示。
重方式匯出格子:控制儲存格的列高欄寬不隨內容多少而變化。
4
工具欄。
顯示工具欄:系統預設勾選使用工具欄,即分頁預覽時上方會顯示工具欄,如果需要隱藏工具欄,取消勾選即可,如圖1所示。
新增工具:雙擊工具,將工具新增到頂部工具欄。選中工具後,點選 將工具新增到頂部工具欄,點選 將工具新增到底部工具欄。點選【恢複預設】,可恢複原始狀態,如圖2所示。
自訂工具欄:點選工具欄右邊的 ,即可進入工具欄編輯介面,如下圖1所示。編輯介面可以修改已經新增的工具屬性和排序,刪除單個工具,自訂工具欄的背景。如圖3、4所示。
刪除工具:已經新增的工具如何刪除呢?設計器提供 2 種刪除方式,分別如下:
刪除所有工具:點選工具欄右邊的 ,即可清空工具欄中的所有工具,如下圖5所示。
刪除單個工具:點選工具欄右邊的 ,在工具欄編輯介面可透過 刪除單個工具,如下圖6所示。
注:自訂按鈕名稱不支援 html 的寫法。
5
事件設定。
點選事件設定下方的 ,可新增 JS 事件,透過 JavaScript 代碼的方式實現其他預覽需求。詳情可參見:Web 頁面事件 。
6
分頁設定。
設定報表分頁的列數,勾選【分頁設定】,預設列數為 30 ,可以根據實際情況進行修改。【每頁顯示列數】允許範圍 1~500 ,不允許為空,輸入超出範圍自動重置為最小值/最大值。詳細範例請參考:每頁顯示固定列數第二章第1節 。