當前為10.0版本文檔,更多實例內容將在最新幫助文檔中展現,點選跳轉至 最新版幫助文檔

JS控制工具欄按鈕的屬性

1. 概述

1.1 預期效果

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

222


1.2 實現思路

在「模板 Web 屬性>填報頁面設置」,添加「填報成功」事件,用 JS 根據按鈕的序号設置按鈕是否可用或可見。

2. 示例

2.1 準備模板

準備一個填報模板。

2.2 添加事件

打開模板,選擇「模板>模板 Web 屬性>填報頁面設置」,選擇「爲該模板單獨設置」,添加一個「填報成功」事件,如下圖所示:

JavaScript 代碼如下:

contentPane.toolbar.options.items[3].setEnable(false);
//從左往右,下标從0開始,第四個按鈕(打印)不可用
contentPane.toolbar.options.items[4].setEnable(false);
//從左往右,下标從0開始,第五個按鈕(輸出)不可用

注:設置屬性時,不可将當前觸發事件的按鈕設置不可用屬性(既“提交”按鈕不可做設置)

代碼解釋:

contentPane.toolbar.options.items:返回的是工具欄所有按鈕的數組集合,通過下标(從 0 開始)進行引用。

方法名方法 說明 
可用按鈕.setEnable(true)設置按鈕可用
不可用按鈕.setEnable(false)設置按鈕不可用
可見按鈕.setVisible(true)設置控件可見
不可見按鈕.setVisible(false)設置控件不可見

獲取報表工具欄按鈕的 JS 語句還有其他格式,見文檔:工具欄JS實例

保存模板,使用填報預覽,預覽效果如下圖所示:

20180813160001_6147.gif

注:不支持移動端。

3. 模板下載

已完成的模板,可參見:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\工具欄JS實例\04-JS控制工具欄按鈕的屬性.cpt

點擊下載模板:04-JS控制工具欄按鈕的屬性.cpt

附件列表


主題: 原簡體文檔
  • 有幫助
  • 沒幫助
  • 只是瀏覽

文 檔回 饋

滑鼠選中內容,快速回饋問題

滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

不再提示

10s後關閉

反饋已提交

網絡繁忙