历史版本2 :FVS网页框与页面通信接口 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

适用场景：安装了「FVS大屏编辑模式」插件的用户，可参考本文了解 FVS 模板的相关接口。


目录:

版本编辑

报表服务器版本插件版本功能变动
11.0.16
V1.17.0新增页面与网页框通信接口： onlyCommunicateWithOrigins 、postMessage 、addPostMessageListener 、removePostMessageListener

onlyCommunicateWithOrigins编辑

方法onlyCommunicateWithOrigins(origins)

通信前指定和 FVS 通信的 origins，否则无法进行通信

     参数

origins:string[]

指定通信的域，是一个字符串数组
   返回值--
     示例

给FVS模板添加页面加载结束事件：

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


  应用示例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(()=>{});


  应用示例-
    移动端支持