填報表能否像 word 那樣定時自動保存

這篇文章給大家介紹填報表能否像 word 那樣定時自動保存，內(nèi)容非常詳細，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。

在使用填報表時，有些用戶一次需要填報的內(nèi)容比較多，萬一遇到瀏覽器卡頓不響應，然后導致數(shù)據(jù)丟失要重新填報……估計就是 "事故現(xiàn)場" 了（此處省略一萬個字）。這個時候, 呆呆就在想，填報表能不能實現(xiàn)像 word 一樣在編輯過程中自動定時提交保存的效果呢？

幸好，答案是肯定的。

下面我們就具體說道說道，這個效果是怎么實現(xiàn)的。實現(xiàn)此效果不可或缺的是 js 的助力，然后配合潤乾報表的提交數(shù)據(jù)方法。

具體操作如下：

首先，明確當前填報表展現(xiàn)是使用哪個 jsp 進行解析的；

注：此處以 showReport.jsp 為例

然后，應用 js 定時執(zhí)行某操作的方法 (不知道直接問度娘哈)，如：

setInterval(要執(zhí)行的 js 方法，執(zhí)行的時間間隔);  

--- 時間單位為毫秒

最后，定時執(zhí)行提交數(shù)據(jù)的操作： _inputSubmit(“<%=sgid%>”)。

完整地看一下，在報表展現(xiàn)的 jsp 中定義 js 方法如下：

這樣，我們就輕松實現(xiàn)了像 word 那樣定時提交保存的效果了（這個例子中每 3 秒執(zhí)行一次提交操作）。

還是老套路，最最后畫出至關(guān)重要的技術(shù)姿勢：

1. 定時方法

setInterval 方法通過 js 控制定時執(zhí)行什么操作。

方法執(zhí)行體需用戶根據(jù)自己的實際應用自定義 比如：方法里寫 alert（提示信息），那就三秒 alert 一次；方法里寫提交數(shù)據(jù)，就三秒提交一次數(shù)據(jù)。

inputApi.saveSuccess 是提交數(shù)據(jù)成功后，執(zhí)行什么操作，默認的是 alert（保存成功），同樣可以自定義其他執(zhí)行操作，比如什么都不做或者刷新頁面等。

2. 提交方法

_inputSubmit() 方法潤乾報表內(nèi)置的填報提交方法。常與 js 方法配合實現(xiàn)一些個性化操作。如: 提交后跳轉(zhuǎn)到某個指定頁面, 標志字段實現(xiàn)填報數(shù)據(jù)的暫存與鎖定。

關(guān)于填報表能否像 word 那樣定時自動保存就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。