JS自訂提交按鈕

1.1 問題描述

如果您定義了一個自訂按鈕實現了一些您自己的業務邏輯，但是您也想這個按鈕實現提交入庫的操作，那如何在自訂按鈕中實現 FineReport 的提交操作呢？

1.2 解決思路

在自訂按鈕中新增一個 點選事件，利用 FineReport 提供的 JS API方法來實現當點選按鈕時執行提交操作。API說明可參考：填報預覽專有

2.1 準備範本

開啟範本：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doctw\Form\LineForm\LineForm.cpt。

在 B1 儲存格中新增一個按鈕元件，設定按鈕型別為「普通」，按鈕名稱為「提交」。如下圖所示：

2.2 設定點選事件

選中提交按鈕所在 B1 儲存格，新增一個點選事件：

 JavaScript 代碼如下：

_g().verifyAndWriteReport();
//校驗並提交

該代碼實現的效果和點選工具欄的提交按鈕一致，如果需要其他提交效果，修改為對應的API即可。

2.3 效果預覽

儲存報表，點選「填報預覽」，隨便修改一個資料，點選提交按鈕，提示「成功」後，預覽資料庫查詢，即可看到此資料填報成功。如下圖所示：

支援行動端預覽，效果如下圖所示：

點選下載範本：JS自訂提交按鈕.cpt