FVS-Tab组件历史接口

详情请参见 FVS页面接口 

示例1：在 FVS 模板中，获取「Tab1」组件当前正在展示的标签页索引

duchamp.getWidgetByName('Tab1').getShowIndex();

示例2：获取 FVS 模板中「Tab1」组件当前正在展示的标签页索引，并弹窗提示

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

获取 FVS 模板中「Tab1」组件当前正在展示的标签页索引，并弹窗提示

点击可下载模板：获取Tab当前标签页索引.fvs

示例1：在 FVS 模板中，设置「Tab1」组件展示第 2 个标签页，索引为 1

duchamp.getWidgetByName('Tab1').showCardByIndex(1);

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

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

示例3：通过下拉框控件实现选择切换 Tab 标签页

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

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

在 FVS 模板中，通过标题组件切换「Tab1」展示的标签页

点击下载模板：JS切换Tab标签页.fvs

name: string

visibility: boolean

string：Tab 标签页名称，字符串

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

• true：显示

• false：隐藏

示例：在 FVS 模板中，将「Tab1_页面1」组件中名称为“Tab1”的标签页隐藏 

duchamp.getWidgetByName('Tab1_页面1').setTabVisible("Tab1",false);

自定义按钮实现隐藏/显示「Tab1_页面1」的 Tab1 ：

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