Tabs:選項卡

參考示例:Tabs:選項卡
創建Tabs
<div id="tabs1" class="mini-tabs" activeIndex="0" style="width:350px;height:200px;"><div title="Tab1">
1
</div>
<div title="Tab2" iconCls="icon-cut" >
2
</div>
<div title="Tab3" showCloseButton="true">
3
</div>
<div title="Tab4" showCloseButton="true" enabled="false">
4
</div>
</div>
其中,子tab具有如下屬性:
Name | Type | Description | Default |
---|---|---|---|
name | String | 面板名稱 | |
title | String | 標題文本 | |
newLine | Boolean | 是否換行 | false |
iconCls | String | 標題圖標樣式類 | |
iconStyle | String | 標題圖標樣式 | |
headerCls | String | 頭部樣式類 | |
headerStyle | String | 頭部樣式 | |
bodyCls | String | 內容區樣式類 | |
bodyStyle | String | 內容區樣式 | |
visible | Boolean | 是否顯示 | true |
enabled | Boolean | 是否啟用 | true |
showCloseButton | Boolean | 是否顯示關閉按鈕 | true |
url | String | 路徑地址 | |
onload | Function | 加載成功時激發 | |
ondestroy | Function | 銷毀時激發 | |
removeAction | String | tab的IFrame銷毀時的動作,比如"close","cancel","ok"。 |