JS控制工具欄按鈕的屬性

1.1 版本

1.2 預期效果

填報時，在對報表進行審核、提交成功後，我們希望對工具欄的一些按鈕做屬性的改變，比如：設定不可用、不可見，進而防止誤操作。如下圖所示，提交成功後，列印和匯出功能不可用。

1.3 實現思路

在「範本 Web 屬性>填報頁面設定」，新增「填報成功」事件，用 JS 根據按鈕的序號設定按鈕是否可用或可見。

工具欄相關 JS API可參考：工具欄API

2.1 準備範本

準備一個填報範本。

2.2 新增事件

開啟範本，選擇「範本>範本 Web 屬性>填報頁面設定」，選擇「為該範本單獨設定」，新增一個「填報成功」事件，如下圖所示：

JavaScript 程式碼如下：

注：設定屬性時，不可將當前觸發事件的按鈕設定不可用屬性（既“提交”按鈕不可做設定）

_g().getToolbar().getWidgetByName("email").setEnable(false);
_g().getToolbar().getWidgetByName("flashprint").setEnable(false);

要實現初始化時某些按鈕不可用，可以新增「載入結束」事件，事件中程式碼需要增加一個延遲函式。如下圖所示：

setTimeout(function(){_g().getToolbar().getWidgetByName("email").setEnable(false);
//
_g().getToolbar().getWidgetByName("flashprint").setEnable(false);
},1000);

2.3 效果預覽

儲存範本，使用填報預覽，預覽效果如 1.2 節所示。

注：不支援行動端。

點選下載範本：04-JS控制工具欄按鈕的屬性.cpt