填報預覽

1.1 版本

1.2 功能簡介

「填報預覽」指在 Web 端預覽用來填報資料的範本，一般在只需要錄入修改資料的時候使用，也可用來查看資料。

下面我們以內建「自由填報範本.cpt」 範本為例，來看看「填報預覽」的使用方式以及其一些屬性的設定。

填報預覽不僅可以用來查看，而且可以線上輸入與修改資料，進而進行資料的採集與入庫。

1）開啟設計器，在範本面板中開啟doc/Form/FreeForm/自由填報範本.cpt這張範本，點選預覽按鈕下方的倒三角，選擇「填報預覽」，如下圖所示：

注：FineReport 的預覽方式有記憶功能，所有建立的範本第一次預覽的預設預覽方式為分頁預覽，以後的預設預覽方式為上一次開啟的方式。

2）點選「填報預覽」按鈕之後，就會在 Web 端以填報的方式開啟範本，可在 Web 端對範本內容進行編輯修改，進行資料的入庫操作，相較於分頁預覽，填報預覽的URL地址後面多了一個&op=write的參數。op 參數 的值來控制範本的預覽方式，沒有參數就是普通分頁預覽，有參數且參數值為 write 就表明這是填報預覽。如下圖所示：

填報頁面設定，僅對使用填報預覽範本有效。

3.1 設定方式

3.1.1 採用伺服器設定

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

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

3.1.2 為該範本單獨設定

在設計器中點選「範本>範本web屬性>填報頁面」設定，就可以對填報頁面進行設定，如下圖所示：

設定面板主要分為三大塊：上面部分是對範本預覽效果的一些效果設定，中間部分是範本預覽之後的工具欄設定，下方是 Web 事件新增介面。

3.2 sheet 標籤頁顯示位置

設定報表預覽時 sheet 欄在瀏覽器的顯示位置，分為「上」和「下」，預設為「下」，對應的效果分別如下圖所示：

•  sheet 欄顯示在上方

•  sheet 欄顯示在下方

3.3 報表顯示位置

設定報表預覽時在瀏覽器的顯示位置，分為「置中展示」和「左展示」，預設為「左展示」，對應的效果與分頁預覽中的 2.2 節相同。

3.4 填報當前編輯行背景顏色設定

選擇顏色後，會在填報預覽的時候，把當前處於編輯狀態的行背景顏色顯示為設定的顏色，預設不勾選，勾選後效果如下圖所示：

3.5 未提交離開提示

在填報的時如果有儲存格處於已編輯的狀態，在關閉或是切換網頁的時候，會彈出是否提交的對話框，預設勾選，勾選後效果如下圖所示：

3.6 直接顯示元件

報表在填報預覽時直接顯示元件，預設不勾選，勾選後效果如下圖所示：

3.7 自動暫存

對於填報內容，離開頁面時若未提交則自動暫存，預設不勾選，勾選後在報表中填入數值再重新整理頁面效果如下圖所示：

3.8 工具欄

系統預設勾選使用工具欄，即填報預覽時上方會顯示工具欄，如果需要隱藏工具欄，取消勾選即可。使用方法與分頁預覽中的 2.4 節相同。

3.9 事件設定

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