JS實現動態選擇資料表提交

1.1 問題描述

預設情況下，都是在填報屬性設定好要入庫的表進行提交。如果希望能在頁面上自由選擇要入庫的資料表或者資料庫，要怎麼實現呢？

1.2 實現思路

在表格中利用多個自訂按鈕來分別設定不同的填報屬性，然後用工具欄的自訂按鈕獲取所選資料庫或者資料表，執行對應按鈕的點選事件，即可提交到對應的表裏。

API說明可以參考：API匯總

2.1 範本設計

如圖製作範本：

B1 儲存格為無線電鈕組元件，作用為供使用者選擇需要提交到哪個資料庫中。

2.2 設定填報屬性按鈕

1）在 E4 和 F4 儲存格新增按鈕元件，分別綁定不同的點選提交事件。設定完成後該兩欄可以隱藏。

E4：

F4：

2）給 E4 儲存格按鈕設定元件名稱為：FRDemo，給 F4 儲存格按鈕設定元件名稱為：sqlserver。

注：此處的元件名最好設定為和無線電鈕選項一致，便於後續 JS 的呼叫。

E4：

F4：

3）按鈕定義的提交事件是沒有成功和失敗提示的，所以還需要在回呼函式中設定提示語句。

E4

if (fr_submitinfo.success) {
	FR.Msg.toast('提交成功，入庫FRDemo');
} else {
	FR.Msg.toast('提交失敗，錯誤資訊為：' + fr_submitinfo.failinfo);
}

F4：

if (fr_submitinfo.success) {
	FR.Msg.toast('提交成功，入庫sqlserver');
} else {
	FR.Msg.toast('提交失敗，錯誤資訊為：' + fr_submitinfo.failinfo);
}

2.3 設定工具欄提交按鈕

由於需要自訂呼叫提交，所以預設提交按鈕肯定實現不了。可以新增一個自訂按鈕，透過 JS 來實現。

1）在範本>範本web屬性>填報頁面設定處選擇為該範本單獨設定，雙擊自訂按鈕新增到工具欄上，同時把原提交按鈕刪除。

2）給自訂按鈕設定名稱和圖示

3）給自訂按鈕新增事件。

JavaScript 程式碼如下：

var database = _g().getCellValue(0, 1, 0);
//獲取B1儲存格值
_g().getWidgetByName(database).fireEvent("click");
//觸發對應名稱按鈕的點選事件

2.4 效果預覽

PC端填報預覽效果如下圖所示：

注：該方案支援行動端。

點選下載範本：動態選擇資料表提交.cpt