FVS Tab組件歷史API

詳情請參見 FVS頁面API 

範例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