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

目录:

getShowIndex编辑

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

将获取到的 tabpane 对象定义为 tab ,获取当前正在展示的 Tab 页的定位索引 :

tab.getShowIndex();

决策报表中获取 tabpane0 Tab块当前正在展示的 Tab 页的定位索引:

_g().getWidgetByName("tabpane0").getShowIndex();
  应用示例

自定义一个按钮「查看Tab的索引」,点击按钮时查看当前所在的 Tab 页和 Tab 页的定位索引:

2021-08-23_17-23-06.gif

     移动端支持移动端

setTabVisible编辑

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

name: string

visibility: boolean

string:Tab 页的组件名称,字符串


visibility:Tab 页是否显示,布尔型

  • true:显示

  • false:隐藏

   返回值--
     示例

将获取到的 tabpane 对象定义为 tab ,将组件名称为“Tab1”的 Tab 页隐藏 :

tab.setTabVisible("Tab1",false);

决策报表中隐藏 tabpane0 Tab块中组件名称为“Tab1”的 Tab 页:

_g().getWidgetByName("tabpane0").setTabVisible("Tab2", false);
  应用示例

自定义一个按钮「隐藏库存分析」,点击按钮时隐藏标题为“库存分析”的 Tab 页:

2021-08-23_18-55-03.gif

    移动端支持移动端

setTitleVisible编辑

方法setTitleVisible(visibility)设置 Tab 块标题显示/隐藏
     参数visibility: boolean

Tab 块标题是否显示,布尔型

  • true:显示

  • false:隐藏

   返回值--
     示例

将获取到的 tablayout 对象定义为 tab ,隐藏所有 Tab 页的标题,即 Tab 块的标题 :

tab.setTitleVisible(false);

决策报表中隐藏 tablayout0 对应的 Tab 块的标题:

_g().getWidgetByName("tablayout0").setTitleVisible(false);
  应用示例

自定义一个按钮「隐藏 Tab 块标题」,点击按钮时隐藏 Tab 块的标题:

2021-08-23_19-31-41.gif

     移动端不支持移动端

showCardByIndex编辑

方法showCardByIndex(index)展示第 N 个 Tab 页
     参数index: number

第几个 Tab 页,数字,从 0 开始

   返回值--
     示例

将获取到的 tabpane 对象定义为 tab ,展示第 2 个 Tab 页 :

tab.showCardByIndex(1);

决策报表中展示 tablayout0 对应的 Tab 块的第 2 个 Tab 页 :

_g().getWidgetByName("tabpane0").showCardByIndex(1);
  应用示例

自定义一个按钮「展示第2个Tab页」,点击按钮时展示第 2 个 Tab 页

2021-08-23_19-45-18.gif

    移动端支持移动端