填報常用技巧

1.1 問題描述

前端填報預覽時，如果選中某個儲存格，該儲存格會出現如下圖所示的黑色外框，比較影響整個頁面的美觀，那麼該如何將這個邊框去除掉呢？

1.2 解決方案

1）開啟需要去邊框的範本，點選範本>範本 Web 屬性>填報頁面設定，為填報範本新增一個載入結束事件，步驟如下圖所示：

JavaScript 程式碼如下：

_g().curLGP.hideSelectFrame();

2）載入結束事件新增完成後，儲存範本，點選填報預覽，此時可以看到被選儲存格時，沒有黑色邊框，如下圖所示：

注：不支援行動端

2.1 問題描述

填報提交和校驗在成功或失敗後，在填報頁面的右側會彈出如下圖所示的提示框，如果想要去掉這個提示框，那麼如何實現呢？

2.2 解決方案

以去除提交後的提示框為例，開啟範本，點選範本>範本 Web 屬性>填報頁面設定，下拉選擇為該範本單獨設定，然後新增填報後事件，如下圖所示：

注：如果是去除校驗後的提示框，需要改為新增校驗後事件，不過程式碼是一樣的。

JavaScript 程式碼如下：

return false;

3.1 問題描述

在填報成功提交後，希望頁面可以立即重新整理，可以直接看到更新後的資料，效果如下圖所示：

3.2 解決方案

以單 sheet 填報為例，開啟範本，點選範本>範本 Web 屬性>填報頁面設定，下拉選擇為該範本單獨設定，然後新增填報成功事件，如下圖所示：

JavaScript 程式碼如下：

location.reload();

3.3 注意事項

對於多 sheet 填報表，若對 sheet2 進行填報，使用如上方案重新整理後會跳到 sheet1，那麼如何實現在哪個 sheet 填報成功就顯示哪個 sheet 呢？

只需要將上面方案的程式碼修改成如下程式碼即可： 

this.refreshAllSheets();

4.1 問題描述

有時候希望填報完後可以自動關閉填報頁面，效果如下圖所示：

4.2 解決方案

開啟填報範本，點選範本>範本 Web 屬性>填報頁面設定，下拉選擇為該範本單獨設定，然後新增填報成功事件，如下圖所示：

JavaScript 程式碼如下：

window.close();

5.1 問題描述

• 如果是對一組報表進行填報，希望填報成功後可以自動跳轉到下一個報表進行填報。

• 填報提交後，如果填報失敗，希望可以跳轉到指定的失敗頁面

5.2 解決方案

開啟填報範本，點選範本>範本 Web 屬性>填報頁面設定，下拉選擇為該範本單獨設定，然後新增填報成功事件和填報失敗事件，如下圖所示：

填報成功 JavaScript 程式碼如下：

window.open("/webroot/decision/view/report?viewlet=doc%2FForm%2FFreeFrom%2FFreeForm.cpt&op=write");//範例範本連結，使用者可自行更換

填報失敗 JavaScript 程式碼如下：

window.open("/webroot/WEB-INF/resources/error.html");//範例頁面連結，使用者可自行更換

6.1 問題描述

如何實現點選超連結可以跳轉到填報範本，可以直接進行填報呢？

6.2 解決方案

如果連結的是填報範本，想要點選超連結後範本以填報預覽方式開啟，此時需要在報表的路徑後面加參數&op=write，如下圖所示：

7.1 問題描述

前端填報時，希望根據使用者錄入的其他儲存格資料，自動計算出另外一些儲存格的值，進而簡化使用者的輸入，同時避免人工計算可能導致的錯誤，如下圖所示：

7.2 解決方案

在公式編輯介面，勾選填報/分析時，保留公式用於計算即可，如下圖所示：

注：填報設定自動計算後，計算時會與伺服器進行交互，計算程式是由後台伺服器進行的，因此自動計算一定程度上影響了填報效率，若使用者不需要自動計算，儘量不設定自動計算以提高填報效率。

8.1 問題描述

填報區域和瀏覽器整體背景都是白色時，視覺上很難區分，影響填報體驗。

想要對填報區域進行視覺突出，效果如下圖所示：

8.2 解決方案

在設計器裏面直接修改瀏覽器背景色，跟填報區域區分開形成視覺差，效果如下圖所示：