一、概述
1
版本。
| 報表伺服器版本 |
|---|
| 11.0 |
2
功能簡介。
【填報預覽】指在 Web 端預覽用來填報資料的範本，一般在只需要錄入修改資料的時候使用，也可用來查看資料。
下面我們以內建【自由填報範本.cpt】 範本為例，來看看【填報預覽】的使用方式以及其一些屬性的設定。
二、填報預覽
填報預覽不僅可以用來查看，而且可以線上輸入與修改資料，進而進行資料的採集與入庫。
開啟設計器，在範本面板中開啟【doctw/Form/FreeForm/自由填報範本.cpt】這張範本，點選預覽按鈕下方的倒三角，選擇【填報預覽】，如下圖1所示。
點選【填報預覽】按鈕之後，就會在 Web 端以填報的方式開啟範本，可在 Web 端對範本內容進行編輯修改，進行資料的入庫操作，相較於分頁預覽，填報預覽的URL位址後面多了一個【&op=write】的參數。op參數的值來控制範本的預覽方式，沒有參數就是普通分頁預覽，有參數且參數值為 【write】 就表明這是填報預覽。如下圖2所示。
注：FineReport 的預覽方式有記憶功能，所有建立的範本第一次預覽的預設預覽方式為分頁預覽，以後的預設預覽方式為上一次開啟的方式。
三、填報預覽設定
填報頁面設定，僅對使用填報預覽範本有效。
1
設定方式。
採用伺服器設定：
設定方式預設為【採用伺服器設定】，底部功能均被置灰不可編輯，該方式作用於當前伺服器下的所有範本。
如果想要修改伺服器預定義的填報預覽設定，可以點選設計器菜單欄【伺服器】→【伺服器配置】→【填報預覽設定】進行修改。
為該範本單獨設定：
在設計器中點選【範本】→【範本web屬性】→【填報頁面】設定，就可以對填報頁面進行設定，如下圖所示。
設定面板主要分為三大塊：上面部分是對範本預覽效果的一些效果設定，中間部分是範本預覽之後的工具欄設定，下方是 Web 事件新增介面。
| 屬性 | 内容 | 注意事項 |
|---|---|---|
| 以下設定 | 採用伺服器設定：預設情況，使用伺服器統一的設定，下面的所有選項都為灰色無法編輯。 為該範本單獨設定：只適用於當前的範本，下面所有的功能可編輯、設定。 | - |
| sheet 標簽頁顯示位置 | 當報表中存在多個sheet時，sheet標簽頁位置預設處於報表底端，可設定在報表上部。 | 行動端無意義 |
| 報表顯示位置 | 設定內容在報表當中顯示的位置。 預設為左展示，如果希望報表顯示的內容是置中的，可以選擇置中展示。 | 行動端無意義 |
| 填報當前編輯列背景顔色設定 | 選擇顔色後，會在填報預覽的時候，把當前處於編輯狀態的行背景顔色顯示為設定的顔色。 | 行動端無意義 |
| 未提交離開提示 | 在填報的時候，如果有儲存格處於已編輯的狀態，在關閉或是切換網頁的時候，會彈出是否提交的對話框。 | - |
| 直接顯示元件 | 填報元件無需點選，直接顯示元件。 | 行動端無意義 |
| 自動暫存 | 對於填報内容，離開頁面時，自動暫存。 | 行動端無意義 |
| 使用工具欄 底部工具欄 | 預設使用工具欄 使用者可自訂工具欄顯示的工具 | 行動端只識別是否要顯示填報提交按鈕 |
| 事件設置 | 使用者可新增 Web 事件 Web 事件的詳細介紹請參見Web 頁面事件 | 行動端僅支援載入起始、載入結束、填報前、填報後、填報成功、填報失敗事件。 |
2
sheet 標簽頁顯示位置。
設定報表預覽時 sheet 欄在瀏覽器的顯示位置，分為【上】和【下】，預設為【下】，對應的效果分別如下圖所示。
3
報表顯示位置。
設定報表預覽時在瀏覽器的顯示位置，分為【置中展示】和【左展示】，預設為【左展示】，對應的效果與分頁預覽中的第二章第2節相同。
4
填報當前編輯列背景顔色設定。
選擇顔色後，會在填報預覽的時候，把當前處於編輯狀態的列背景顔色顯示為設定的顔色，預設不勾選，勾選後效果如下圖所示。
5
未提交離開提示。
在填報的時如果有儲存格處於已編輯的狀態，在關閉或是切換網頁的時候，會彈出是否提交的對話框，預設勾選，勾選後效果如下圖所示。
6
直接顯示元件。
報表在填報預覽時直接顯示元件，預設不勾選，勾選後效果如下圖所示。
7
自動暫存。
對於填報內容，離開頁面時若未提交則自動暫存，預設不勾選，勾選後在報表中填入數值再重新整理頁面效果如下圖所示。
8
工具欄。
系統預設勾選使用工具欄，即分頁預覽時上方會顯示工具欄，如果需要隱藏工具欄，取消勾選即可。使用方法與分頁預覽中的第二章第4節相同。
9
事件設定。
點選事件設定下方的，可新增 JS 事件，透過 JavaScript 代碼的方式實現其他預覽需求。詳情可參見：Web 頁面事件 。
