填報表能不能像 word 那樣定時自動儲存?

xiaohuihui發表於2019-12-29

在使用填報表時,有些使用者一次需要填報的內容比較多,萬一遇到瀏覽器卡頓不響應,然後導致資料丟失要重新填報……估計就是 "事故現場" 了(此處省略一萬個字)。這個時候, 呆呆就在想,填報表能不能實現像 word 一樣在編輯過程中自動定時提交儲存的效果呢?

幸好,答案是肯定的。

下面我們就具體說道說道,這個效果是怎麼實現的。實現此效果不可或缺的是 js 的助力,然後配合潤乾報表的提交資料方法。

具體操作如下:

首先,明確當前填報表展現是使用哪個 jsp 進行解析的;

注:此處以潤乾工具自帶 showReport.jsp 為例

然後,應用 js 定時執行某操作的方法 (不知道直接問度娘哈),如:

setInterval(要執行的 js 方法,執行的時間間隔);  

--- 時間單位為毫秒

最後,定時執行潤乾提交資料的操作: _inputSubmit(“<%=sgid%>”)。

完整地看一下,在報表展現的 jsp 中定義 js 方法如下:

這樣,我們就輕鬆實現了像 word 那樣定時提交儲存的效果了(這個例子中每 3 秒執行一次提交操作)。

還是老套路,最最後畫出至關重要的技術姿勢:

1. 定時方法

setInterval 方法透過 js 控制定時執行什麼操作。

方法執行體需使用者根據自己的實際應用自定義 比如:方法裡寫 alert(提示資訊),那就三秒 alert 一次;方法裡寫提交資料,就三秒提交一次資料。

inputApi.saveSuccess 是提交資料成功後,執行什麼操作,預設的是 alert(儲存成功),同樣可以自定義其他執行操作,比如什麼都不做或者重新整理頁面等。

2. 提交方法

_inputSubmit() 方法潤乾報表內建的填報提交方法。常與 js 方法配合實現一些個性化操作。如: 提交後跳轉到某個指定頁面, 標誌欄位實現填報資料的暫存與鎖定……

來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69900830/viewspace-2671142/,如需轉載,請註明出處,否則將追究法律責任。

相關文章