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

this.getValue();

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

this.setVisible(false);

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

this.reset();

-

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

duchamp.getAllWidgets();

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

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

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

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

示例1：点击跳转到「页面4」

duchamp.switchStory("页面4");

示例2：点击跳转到「页面4」并传参（仅支持 V1.16.0 及之后版本）

duchamp.switchStory("页面4",{area:"华北"});

注：传递多个参数时，写法如下

duchamp.switchStory("页面名称",{a:"参数a",b:"参数b"});

JS实现FVS切换分页

示例1：跳转到下一页

duchamp.nextStory();

示例2：跳转到下一页并传参（仅支持 V1.16.0 及之后版本）

duchamp.nextStory({area:"华北"});

注：传递多个参数时，写法如下

duchamp.nextStory({a:"参数a",b:"参数b"});

JS实现FVS切换分页

示例1：跳转到上一页

duchamp.previousStory();

示例2：跳转到上一页并传参（仅支持 V1.16.0 及之后版本）

duchamp.previousStory({area:"华北"});

注：传递多个参数时，写法如下

duchamp.previousStory({a:"参数a",b:"参数b"});

JS实现FVS切换分页

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

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

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

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

注：给同一组件传多个参数时，写法如下

duchamp.getWidgetByName("组件").refresh({a:"参数值",b:"参数值"});

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

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

-

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

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

-

示例：给标题组件添加点击 JavaScript 事件，触发页面全屏

duchamp.requestFullscreen();

-

示例：给标题组件添加点击 JavaScript 事件，关闭页面全屏

duchamp.exitFullscreen();

-

每两秒刷新一次页面

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

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

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

切换按钮的三种状态（默认为 always）：

• always：永远显示

• hover：鼠标悬浮时显示

• never：从不显示
  

示例1：设置切换按钮永远显示

duchamp.setPageButtonDisplayPolicy("always");

示例2：设置切换按钮隐藏，鼠标悬浮时显示

duchamp.setPageButtonDisplayPolicy("hover");

示例3：设置切换按钮从不显示

duchamp.setPageButtonDisplayPolicy("never");