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

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

注：不支持移动端。


目录:

版本编辑

报表服务器版本插件版本功能变动
11.0V1.0.0-
11.0.6
V1.8.0

支持接口 this，可获取当前的组件对象，获取后可以使用组件的方法和属性

支持接口 getAllWidgets，可获取当前页所有组件

11.0.9V1.9.1refresh 接口支持传参，详情参见本文 refresh 表格说明

this编辑

方法this获取当前的组件对象，获取后可以使用组件的方法和属性
     参数--
   返回值object 当前组件对象
     示例

示例1：获取当前控件组件的实际值

this.getValue();

示例2：设置当前控件不可见

this.setVisible(false);

示例3：清空当前控件的值

this.reset();


  应用示例

-

    移动端不支持移动端

getAllWidgets编辑

方法getAllWidgets()获取当前页面中所有组件信息
     参数--
   返回值{ [key: string,value:object] }key 为组件名，value 为组件对象
     示例

查看当前页面中所有的组件信息：

duchamp.getAllWidgets();


  应用示例

浏览器 F12 开发者工具查看 FVS 大屏模板「页面1」中所有的组件信息：

Snag_2e1342ab.png

   移动端不支持移动端

getWidgetByName编辑

方法getWidgetByName(name)获取当前页面中的某个组件
     参数name: string组件名称，字符串
   返回值object 组件对象
     示例

注：代码添加在「初始化后」事件中时，建议添加一个延迟函数，否则可能会因为报表对象没有完全创建而发生错误例如开启表格跑马灯：

setTimeout(() => {
        duchamp.getWidgetByName("表格").startMarquee()        
}, 500)


  应用示例

获取表格组件，并开启表格跑马灯。详情请参见：FVS表格跑马灯

    移动端不支持移动端

switchStory编辑

方法switchStory(name)跳转到指定页面
     参数name: string指定页面的名称，字符串
   返回值--
     示例

点击跳转到「页面4」

duchamp.switchStory("页面4");


  应用示例

FVS切换分页

    移动端不支持移动端

nextStory编辑

方法nextStory()跳转到下一页
     参数--
   返回值--
     示例

跳转到下一页

duchamp.nextStory();


  应用示例

FVS切换分页

    移动端不支持移动端

previousStory编辑

方法previousStory()跳转到上一页
     参数--
   返回值--
     示例

跳转到上一页

duchamp.previousStory();


  应用示例

FVS切换分页

    移动端不支持移动端

refresh编辑

方法refresh()触发组件刷新
     参数{para:"para"}参数名称:参数值
   返回值--
     示例

示例1：触发「组件1」刷新

duchamp.getWidgetByName("组件1").refresh();

示例2：触发「柱形图」组件刷新并将地区华北作为参数传递给柱形图

duchamp.getWidgetByName("柱形图").refresh({area:"华北"});


  应用示例

点击标题组件，触发「柱形图」组件刷新并将地区华北作为参数传递给柱形图

点击可下载模板：refresh刷新组件.fvs

EFD446D9-5766-4113-9B07-47249EC79F29.GIF

    移动端不支持移动端

trigger编辑

方法trigger()

触发组件点击事件

注：不支持控件组件

     参数-

-

   返回值--
     示例

触发「组件1」的所有点击事件

duchamp.getWidgetByName("组件1").trigger();


  应用示例

-

    移动端不支持移动端

requestFullscreen编辑

方法requestFullscreen()触发页面全屏
     参数--
   返回值--
     示例

触发页面全屏

duchamp.requestFullscreen();


  应用示例

-

    移动端不支持移动端

reload编辑

方法reload()触发模板整体刷新
     参数--
   返回值--
     示例

每两秒刷新一次页面

setInterval(() => {
    duchamp.reload();
  }, 2 * 1000);


  应用示例

V1.7.2 版本之前的插件，只能通过模板的「模板>页面加载结束事件」写 JavaScript 代码实现

V1.7.2 及之后版本，可通过「模板定时刷新」功能设置，详情请参见：FVS模板定时刷新

    移动端不支持移动端