历史版本5 :FVS-Tab组件历史接口 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

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

注：不支持移动端。


目录:

版本编辑

报表服务器版本插件版本功能变动
11.0.9V1.9.1FVS轮播器组件 支持接口 getShowIndex()、showCardByIndex()
11.0.9V1.10.1支持接口 setTabVisible

getShowIndex编辑

方法getShowIndex()获取轮播器组件正在展示的 Tab 页的索引
     参数--
   返回值number轮播器组件当前 Tab 页的定位索引数字，从 0 开始
     示例

示例1：在 FVS 大屏模板中，获取「轮播器1」组件当前正在展示的 Tab 页索引

duchamp.getWidgetByName('轮播器1').getShowIndex();

示例2：获取 FVS 大屏模板中「轮播器1」组件当前正在展示的 Tab 页索引，并弹窗提示

var a=duchamp.getWidgetByName('轮播器1').getShowIndex();
duchamp.Msg.alert({
      title: "提示" ,
      message:"当前轮播器展示页为第 "+(a+1)+" 页，索引为 "+a
}
)


  应用示例

获取 FVS 大屏模板中「轮播器1」组件当前正在展示的 Tab 页索引，并弹窗提示

点击可下载模板：获取轮播器当前Tab页索引.fvs

767AD0BE-DAAB-4C9F-B99A-776B2D8925DA.GIF

    移动端不支持移动端

showCardByIndex编辑


方法showCardByIndex(index)设置轮播器组件展示第 n 个 Tab 页
     参数index: number展示 Tab 页的索引，数字，从 0 开始
   返回值--
     示例

示例1：在 FVS 大屏模板中，设置「轮播器1」组件展示第 2 个 Tab 页，索引为 1

duchamp.getWidgetByName('轮播器1').showCardByIndex(1);

示例2：通过点击「标题组件」开启轮播器组件自动轮播，轮播间隔为 3 s 

setInterval(function(){   
    var aa =duchamp.getWidgetByName("轮播器1_页面1").getShowIndex(); 
    if(aa==2){ 
      duchamp.getWidgetByName('轮播器1_页面1').showCardByIndex(0); 
    }
    else { 
      duchamp.getWidgetByName('轮播器1_页面1').showCardByIndex(aa+1); 
    } 
},3000);

示例3：通过下拉框控件实现选择切换轮播器 Tab 页

详情请参见：FVS控件切换轮播器Tab页

var a = duchamp.getWidgetByName("index").getValue(); 
//获取下拉框控件的实际值（字符串格式）
duchamp.getWidgetByName("轮播器1_页面1").showCardByIndex(+a); 
//设置轮播器组件展示第 a 个 Tab 页，这里需使用 + 号将获取到的值转换为数字格式


  应用示例

在 FVS 大屏模板中，通过标题组件切换「轮播器1」展示的 Tab 页

点击下载模板：JS切换轮播器Tab页.fvs

CA44124B-B840-4D7A-9905-E02D11606CB7.GIF

    移动端不支持移动端


setTabVisible编辑

方法setTabVisible(name, visibility)设置某个 Tab 页显示/隐藏
     参数

name: string

visibility: boolean

string：Tab 页名称，字符串

visibility：Tab 页是否显示，布尔型

  • true：显示

  • false：隐藏

   返回值--
     示例

示例：在 FVS 大屏模板中，将「轮播器1」组件中名称为“Tab1”的 Tab 页隐藏 

duchamp.getWidgetByName('轮播器1').setTabVisible("Tab1",false);


  应用示例

自定义按钮实现隐藏/显示「轮播器1」的 Tab1 ：

点击可下载模板：JS实现轮播器Tab页的隐藏或显示.fvs

9516D337-BB6C-41E9-BACB-B356625B09F4.GIF

    移动端不支持移动端