# WebTab页签页面初始化

• 概述

  • WebTab页签页面初始化

• 示例

  • 初始化相关：

    /*
    * @desc:新建一个页签容器对象
    * @param:obj 页签头集合容器对象
    * @param:node 页签项节点集合 格式如下
        <Tabs BeforeChange="" AfterChange="">
            <Tab></Tab>
            <Tab></Tab>
        </Tabs>
    * @param:targetContainer 页签内容项集合容器对象 若为null则默认以当前body对象寻找对应页签容器
    */
    
    var wTab = new WebTab(obj, node, targetContainer); 
    /*
    * @desc:禁用或启用页签
    * @param:tabIndex 页签对应tabIndex值
    * @param:enbaleState 禁用或启用状态，bool类型
    */
    wTab.setEnabled(tabIndex, enbaleState);
    
    wTab.setValue(value);
    /*
    * @desc:绑定事件
    * @param:name 事件名称
    * @param:script 方法名称(可不加引号)
    */
    wTab.attachEvent(name, script);
    

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    

---

# 添加页签项addTab

• 概述

  • WebTab添加页签项.addTab

• 参数

  • text, position,keyValue

• 示例

  text:页签名称
  position：页签位置
  keyValue:键值
  var wTab = window["TabBars"];
  wTab.addTab(text, position,keyValue);
  

  1
  2
  3
  4
  5
  

---

# 删除页签项removeTab

• 概述

  • 删除页签项,removeTab参数id要删除的页签项对应Id

• 参数

  • id(要删除的页签项对应Id)

• 示例

  /*
  * @desc:删除页签项
  * @param:id 要删除的页签项对应Id
  */
  var wTab = window["TabBars"];
  wTab.removeTab(id);
  

  1
  2
  3
  4
  5
  6