反饋已提交

網絡繁忙

FVS網頁框與頁面通訊API

適用場景:安裝了「FVS企業戰情室編輯模式」插件的使用者,可參考本文了解 FVS 範本的相關API。


版本

報表伺服器版本插件版本功能變動
11.0.16
V1.17.0新增頁面與網頁框通訊API: onlyCommunicateWithOrigins 、postMessage 、addPostMessageListener 、removePostMessageListener

onlyCommunicateWithOrigins

方法onlyCommunicateWithOrigins(origins)

通訊前指定和 FVS 通訊的 origins,否則無法進行通訊

     參數

origins:string[]

指定通訊的域,是一個字串陣列
   傳回值--
     範例

範例:給FVS範本新增頁面載入結束事件

duchamp.onlyCommunicateWithOrigins(["http://localhost:8075"]);

若想實現動態獲取當前域,可參考如下代碼:

var a =duchamp.serverURL;
duchamp.onlyCommunicateWithOrigins([a]);


  應用範例JS實現FVS網頁框通訊
    行動端不支援

postMessage

方法

postMessage(message)

傳送訊息
     參數message: any訊息:任意格式
   傳回值--
     範例

範例:在 FVS 範本中給標題組件新增點選事件

duchamp.postMessage("0000");


  應用範例JS實現FVS網頁框通訊
    行動端不支援

addPostMessageListener

方法addPostMessageListener(callback)

監聽來自網頁框(origins指定的)的資訊

     參數callback: (message: any) => void

回呼函式

   傳回值id監聽事件的 id
     範例

範例:在 FVS 範本中,給 area 正文框元件新增初始化後事件,監聽來自網頁框的訊息,並將其指派給正文框元件

duchamp.addPostMessageListener((message) => {
//監聽來自網頁框的訊息,並將其指派給 area 正文框元件
 duchamp.getWidgetByName("area").setValue(message);
})


  應用範例JS實現FVS網頁框通訊
    行動端不支援

removePostMessageListener

方法removePostMessageListener(id)

刪除 addPostMessageListener 新增的監聽

     參數

id:string

id:addPostMessageListener 函式的傳回值

   傳回值--
     範例

範例:獲取 addPostMessageListener 監聽 id,如果不再需要監聽,需及時刪除

const aa = duchamp.addPostMessageListener(()=>{});


  應用範例-
    行動端不支援


附件列表


主題: 二次開發
  • 有幫助
  • 沒幫助
  • 只是瀏覽
  • 圖片不清晰
  • 用語看不懂
  • 功能說明看不懂
  • 操作說明太簡單
  • 內容有錯誤
中文(繁體)

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

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

不再提示

10s後關閉

獲取幫助
線上支援
獲取專業技術支援,快速幫助您解決問題
工作日9:00-12:00,13:30-17:30在线
頁面反饋
針對當前網頁的建議、問題反饋
售前咨詢
業務咨詢
電話:0933-790886或 0989-092892
郵箱:taiwan@fanruan.com
頁面反饋
*問題分類
不能為空
問題描述
0/1000
不能為空

反馈已提交

网络繁忙