? 當業務視圖組件VC并排擺放時就會形成選項卡，本章介紹選項卡有關的操作函數和事件。

? 頁面中有三個對象：TabStrip，Panel和Tab，TabStrip含Panel對象和Tab對象。業務單元BPO沒有使用自定義業務模板時TabStrip對象ID命名規則為第一個：TabStrip_Level_1，第二個：TabStrip_Level_2以此類推，當使用自定義業務模板時TabStrip對象ID命名規則為：TabStrip_Level_ + 當前模板Panel中的第一個VC的VCName，例如：TabStrip_Level_VC_TSLXQuery

Panel對象：每個VC對應一個Panel對象，Panel對象包含Tab對象。

?Tab對象：VC的頭為一個Tab對象。

函數：

用法：TabStrip_ID.函數名

示例：

? 在JSCRIPT業務初始化時寫如下代碼：

//初始時選擇索引為1的Tab，即第二個Tab頁簽 TabStrip_Level_1.selectTab(1);

函數名稱	說明
getPanel(index)	獲取Panel對象，index為Panel索引
closeTab(index)	關閉Tab頁簽，index為頁簽的索引
getHeader(index)	獲取選項卡的Tab頁簽對象，index為Tab索引。
showTab(index)	顯示Tab頁簽，index為頁簽索引。
hidenTab(index)	隱藏Tab頁簽，index為頁簽索引，注意：隱藏頁簽后需要調用showTab函數來顯示當前TabStrip對象中其它的頁簽。
selectTab(index)	選擇Tab頁簽，index為頁簽索引。
exists(index)	存在返回Panel對象，不存在返回false，index為Panel索引。

隱藏頁簽示例：

? 如下圖在頁面顯示時隱藏第一個TabStrip對象中的第二個Tab“圖書類型2”

?操作步驟：

? ?1、定義fn_Init()函數如下圖：

?

function?fn_Init(){??TabStrip_Level_1.hidenTab(1);??//隱藏VC標題為“圖書類型2”的標簽TabStrip_Level_1.showTab(0);??//顯示VC標題為“圖書類型1”的標簽 }

? ?2、在JSCRIPT業務初始化時調用fn_Init()方法：

? ?3、生成編譯，瀏覽BPO的頁面效果如下：

?

?如果隱藏后不調用顯示該TabStrip對象中其它頁簽的showTab方法，則頁面效果如下圖，并不是想要的頁面效果：

事件：

?

事件名稱	說明
tabSelect	Tab頁簽選擇事件，事件響應函數有兩個參數：panel:panel對象,paenlIndex:指panel的索引

?

用法：

? 在JSCRPT初始化處綁定事件，語法：TabStrip_ID.on(“事件名”,函數)。

示例：

function?fn_Init(){TabStrip_Level_1.on("tabSelect",function(panel,index){???alert("你選擇的頁簽索引為："+index);}); }

轉載于:https://www.cnblogs.com/Jeely/p/10763355.html

總結

以上是生活随笔為你收集整理的ucml选项卡的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。