分頁預覽

1.1 版本

1.2 應用場景

「分頁預覽」是 FineReport 的預設預覽方式，一般在只需要查看報表資料時使用。

1.3 功能簡介

1)  開啟設計器，雙擊開啟內建 GettingStartedTW.cpt 範本，點選設計器介面上的預覽按鈕下拉鍵，點選「分頁預覽」即可預覽報表。如下圖所示

2)  點選「分頁預覽」之後，在瀏覽器端就會開啟一張報表，如下圖所示。

注： GettingStartedTW.cpt  範本設定了參數下拉框元件，需先點選查詢，才會出現資料。

1)  點選設計器菜單欄「範本>範本Web屬性>分頁預覽設定」，可對分頁預覽的報表介面進行設定，僅對「分頁預覽」範本有效。如下圖所示：

主要功能模組如下表所示：

2.1  設定方式

2.1.1 採用伺服器設定

設定方式預設為「採用伺服器設定」，底部功能均被置灰不可編輯，該方式作用於當前伺服器下的所有範本。

如果想要修改伺服器預定義的分頁預覽設定，可以點選設計器菜單欄「伺服器>伺服器配置>分頁預覽設置」進行修改。

2.1.2 為該範本單獨設定

設定方式下拉選擇「為該範本單獨設定」時，可編輯下方的所有功能，配置好的頁面只作用於當前範本，其他範本不可用。

2.2 報表顯示位置

設定報表預覽時在瀏覽器的顯示位置，分為「置中展示」和「左展示」，預設為「左展示」，對應的效果分別如下圖1和圖2所示：

• 置中展示
  

• 左展示
  

2.3 頁面設定

對預覽頁面的一些特殊設定：

1）以圖片方式顯示：分頁預覽的時候，會生成圖片形式的報表，即滑鼠無法選中文字。

2）iframe 嵌入時自動縮放：當範本以 iframe 的方式嵌入到其他的範本當中時，預覽時會自動調整範本的大小，以適應 iframe 的大小。

以文檔 iframe中嵌入報表 的範例為例：

• 嵌入的範本未勾選「iframe 嵌入時自動縮放」時，效果如下圖所示：

• 嵌入的範本勾選「iframe 嵌入時自動縮放」後，效果如下圖所示：

3）  重方式匯出格子：控制儲存格的列高欄寬不隨內容多少而變化。

2.4 工具欄

2.4.1 顯示工具欄

系統預設勾選「使用工具欄」，即分頁預覽時上方會顯示工具欄，如果需要隱藏工具欄，取消勾選即可，如圖所示：

2.4.2 新增工具

1）  雙擊工具，將工具新增到頂部工具欄。

2）  選中工具後，點選將工具新增到頂部工具欄，點選將工具新增到底部工具欄。

3）  點選「恢複預設」，可恢複原始狀態。

2.4.3 自訂工具欄

點選工具欄右邊的，即可進入工具欄編輯介面，如下圖所示：

編輯介面可以修改已經新增的工具屬性和排序，刪除單個工具，自訂工具欄的背景。如圖所示：

注：自訂按鈕名稱不支援 html 的寫法。

2.4.4 刪除工具

已經新增的工具如何刪除呢？設計器提供 2 種刪除方式，分別如下：

1）刪除所有工具

點選工具欄右邊的  ，即可清空工具欄中的所有工具，如下圖所示：

2）刪除單個工具

點選工具欄右邊的，在工具欄編輯介面可透過刪除單個工具，如下圖所示：

2.5 事件設定

點選事件設定下方的，可新增 JS 事件，透過 JavaScript 代碼的方式實現其他預覽需求。詳情可參見：Web 頁面事件 。

2.6 分頁設定

設定報表分頁的列數，勾選「分頁設定」，預設列數為 30 ，可以根據實際情況進行修改。【每頁顯示列數】允許範圍 1～500 ，不允許為空，輸入超出範圍自動重置為最小值/最大值。詳細範例請參考：每頁顯示固定列數 。