移動端報表實現離線填報功能解決方案

標籤：移動端報表   離線   填報   方案   

1.描述

對於經常填報報表的人而言，經常會面臨以下的情況：比如在有些情境下沒有網路，只能將資料暫存到本地，等有網路時，再將資料提交入庫；或者有時需要將資料暫存下來，過段時間後再補充完整。那麼在離線的情況下這些情況該如何?呢，以我平時的工作經驗對這些問題做一個歸納總結，下面用我常用的報表開發工具FineReport 移動端給大家做一個詳細的示範。

2. 實現方法

2.1 暫存

移動端填報模板，加一個“暫存”按鈕，如：

650) this.width=650;" src="http://dl2.iteye.com/upload/attachment/0113/2565/96a45cd7-6f95-351c-9b14-695113777dd1.jpg" style="border:0px;" />
 

點擊暫存後，如，可為暫存的填報模板命名，文字框內，預設有根據模板名自動產生的名字（模板名+自動編號），如“員工資訊錄入1”，可修改。如果重名，要給出提示。

650) this.width=650;" src="http://dl2.iteye.com/upload/attachment/0113/2567/4421cfc1-55c5-381d-9c78-5c400e8f448c.jpg" style="border:0px;" />
 

資料暫存成功後，給出toast，“已存入設定-未提交資料中”，並將頁面內容清空，以便進行下一次填寫。

650) this.width=650;" src="http://dl2.iteye.com/upload/attachment/0113/2569/ce342cc3-09fe-3402-b861-6629fc3f6bc0.jpg" style="border:0px;" />
 

註：a.通過“提交”按鈕的顯示隱藏來控制”暫存“按鈕顯示隱藏，即如果某個模板的沒有提交，則也沒有暫存。

b.暫存成功後，將資料清空，暫時不提供事件，使其不清空。

c.“提交”按鈕始終存在，不受模式影響。

d.點擊暫存的同時，產生快取資料的封面縮率圖，此時封面縮率圖為該模板當時填寫的情況。當然如果某一張模板通過fs自訂了封面，還用原封面。

e.退出模板時，如果有資料沒有暫存，或沒有提交，則會有未提交提醒，當然前提是模板配置了該選項。若模板沒有資料需要暫存或提交，則不會有該提醒

2.2 暫存後處理

在設定中，加一按鈕，點擊進入未提交資料。

650) this.width=650;" src="http://dl2.iteye.com/upload/attachment/0113/2571/05a24369-ca3b-317b-824c-2227f17b181e.jpg" style="border:0px;" />
 
650) this.width=650;" src="http://dl2.iteye.com/upload/attachment/0113/2573/e2c98faf-3d33-3463-8a36-4f92fc1745c4.jpg" style="border:0px;" />
 

a.提交全部

這時點擊，提交全部，會將所有快取資料全部提交。提交全部時，按照表單先後順序進行入庫。

b.編輯某套模板的資料（進入模板）

點擊某套模板，進入編輯資料，若點擊提交，則將這套快取資料直接入庫，原”未提交資料“中，這套資料去掉；若點擊暫存，則是修改這套暫存資料；點擊返回，是返回到“未提交資料”目錄。

c.編輯

點擊編輯，變化如，可“刪除”選中資料，可“提交選中”資料。

650) this.width=650;" src="http://dl2.iteye.com/upload/attachment/0113/2575/57fb9f38-180e-3f35-a063-1174af4fb5f5.jpg" style="border:0px;" />
 
650) this.width=650;" src="http://dl2.iteye.com/upload/attachment/0113/2577/73564765-507f-3d1d-914b-e2f2403e0618.jpg" style="border:0px;" />
 

若沒有選中，提交或刪除時會給出提示。

再編輯時：

如果存在檔案控制項，且單檔案上傳了照片，則再編輯時，可以看到照片；檔案上傳控制項，再編輯時可以使用；

如果有超鏈，則不支援；

如果有下拉框，下拉樹，複選框，單選框等需要資料字典的控制項，則只緩衝當時模板參數對應的資料字典，而不支援聯動。

d.資料提交

資料提交，有進度提示，提交時會執行校正，校正失敗會給出提示，並且會有標記。標記出這套模板提交時校正出錯。

 

修改後，校正通過，填報成功。

650) this.width=650;" src="http://dl2.iteye.com/upload/attachment/0113/2579/bfbbb6d1-6567-3eaa-8c20-7bb6939a2f7c.jpg" style="border:0px;" />
 
650) this.width=650;" src="http://dl2.iteye.com/upload/attachment/0113/2581/13d9a103-47e5-3c47-a16c-510b36731141.jpg" style="border:0px;" />
 
650) this.width=650;" src="http://dl2.iteye.com/upload/attachment/0113/2583/79c9ba7a-f1a9-38b6-8345-b52e07563f31.jpg" style="border:0px;" />
 

 

移動端報表實現離線填報功能解決方案