Tab - jQuery LigerUI API

jQuery LigerUI

previous page next page

方法列表

方法 参数 描述
moveTabItem(fromTabItemID, toTabItemID)   移动
getTabItemCount()   Tab的数目
getSelectedTabItemID()   获取选择项ID
removeSelectedTabItem()   移除选择项
overrideSelectedTabItem(options)   覆盖选择的tabitem
overrideTabItem(targettabid, options)   覆盖
selectTabItem(tabid)   选中tab项
isTabItemExist(tabid)   判断tab是否存在
addTabItem(options)   增加一个tab
removeTabItem(tabid)   移除tab项
addHeight(heightDiff)   设置高度
setHeight(height)   设置高度
setContentHeight()   设置内容高度
getNewTabid()   创建一个新的tabid
getTabidList(notabid, noclose) //notabid 过滤掉tabid的 //noclose 过滤掉没有关闭按钮的 获取tabid集合
removeOther(tabid)   关闭其他
reload(tabid)   重新加载
removeAll()   移除全部
onResize()   重新调整大小
setHeader(item,text)   设置项标题
getTabItemTitle(tabid)   获取项标题
setTabItemTitle(tabid,title)   设置项标题
getTabItemSrc(tabid)   获取项URL
setTabItemSrc(tabid,title)   设置项URL
hideTabItem(tabid)   隐藏项
showTabItem(tabid)   显示项

setHeader(item,text)方法 示例：

 1  <div id="navtab1" style="width: 900px; overflow: hidden; border: 1px solid #D3D3d3;" class="liger-tab">
 2         <div tabid="home" title="我的主页" lselected="true" style="height: 300px">
 3            <div id="maingrid2" style="margin: 10px; height: 300px;">我的主页</div>
 4         </div> 
 5         <div title="我的主页3" showclose="true">
 6             <div id="Div1" style="margin: 10px; height: 300px;">我的主页3</div>
 7         </div>
 8         <div title="我的主页4" showclose="true">
 9             <div id="Div2" style="margin: 10px; height: 300px;">我的主页4</div>
10         </div>
11     </div>
12     <br />
13     <div class="liger-button" data-click="f_setHeader">改变标题</div>
14 
15     <script>
16 
17         function f_setHeader()
18         {
19             var tab = liger.get("navtab1");
20             tab.setHeader("home", "改变了文本");
21         }
22     </script>

getTabItemTitle(tabid)方法 示例：

 1  <div id="navtab1" style="width: 900px; overflow: hidden; border: 1px solid #D3D3d3;" class="liger-tab">
 2         <div tabid="home" title="我的主页" lselected="true" style="height: 300px">
 3            <div id="maingrid2" style="margin: 10px; height: 300px;">我的主页</div>
 4         </div> 
 5         <div title="我的主页3" showclose="true">
 6             <div id="Div1" style="margin: 10px; height: 300px;">我的主页3</div>
 7         </div>
 8         <div title="我的主页4" showclose="true">
 9             <div id="Div2" style="margin: 10px; height: 300px;">我的主页4</div>
10         </div>
11     </div>
12     <br />
13     <div class="liger-button" data-click="f_setHeader">改变标题</div>
14 
15     <script>
16 
17         function f_setHeader()
18         {
19             var tab = liger.get("navtab1");
20             tab.setHeader("home", "改变了文本");
21         }
22     </script>

setTabItemTitle(tabid,title)方法 示例：

 1  <div id="navtab1" style="width: 900px; overflow: hidden; border: 1px solid #D3D3d3;" class="liger-tab">
 2         <div tabid="home" title="我的主页" lselected="true" style="height: 300px">
 3            <div id="maingrid2" style="margin: 10px; height: 300px;">我的主页</div>
 4         </div> 
 5         <div title="我的主页3" showclose="true">
 6             <div id="Div1" style="margin: 10px; height: 300px;">我的主页3</div>
 7         </div>
 8         <div title="我的主页4" showclose="true">
 9             <div id="Div2" style="margin: 10px; height: 300px;">我的主页4</div>
10         </div>
11     </div>
12     <br />
13     <div class="liger-button" data-click="f_setHeader">改变标题</div>
14 
15     <script>
16 
17         function f_setHeader()
18         {
19             var tab = liger.get("navtab1");
20             tab.setHeader("home", "改变了文本");
21         }
22     </script>

getTabItemSrc(tabid)方法 示例：

 1  <div id="navtab1" style="width: 900px; overflow: hidden; border: 1px solid #D3D3d3;" class="liger-tab">
 2         <div tabid="home" title="我的主页" lselected="true" style="height: 300px">
 3            <div id="maingrid2" style="margin: 10px; height: 300px;">我的主页</div>
 4         </div> 
 5         <div title="我的主页3" showclose="true">
 6             <div id="Div1" style="margin: 10px; height: 300px;">我的主页3</div>
 7         </div>
 8         <div title="我的主页4" showclose="true">
 9             <div id="Div2" style="margin: 10px; height: 300px;">我的主页4</div>
10         </div>
11     </div>
12     <br />
13     <div class="liger-button" data-click="f_setHeader">改变标题</div>
14 
15     <script>
16 
17         function f_setHeader()
18         {
19             var tab = liger.get("navtab1");
20             tab.setHeader("home", "改变了文本");
21         }
22     </script>

setTabItemSrc(tabid,title)方法 示例：

 1  <div id="navtab1" style="width: 900px; overflow: hidden; border: 1px solid #D3D3d3;" class="liger-tab">
 2         <div tabid="home" title="我的主页" lselected="true" style="height: 300px">
 3            <div id="maingrid2" style="margin: 10px; height: 300px;">我的主页</div>
 4         </div> 
 5         <div title="我的主页3" showclose="true">
 6             <div id="Div1" style="margin: 10px; height: 300px;">我的主页3</div>
 7         </div>
 8         <div title="我的主页4" showclose="true">
 9             <div id="Div2" style="margin: 10px; height: 300px;">我的主页4</div>
10         </div>
11     </div>
12     <br />
13     <div class="liger-button" data-click="f_setHeader">改变标题</div>
14 
15     <script>
16 
17         function f_setHeader()
18         {
19             var tab = liger.get("navtab1");
20             tab.setHeader("home", "改变了文本");
21         }
22     </script>

previous page start next page