继承
LocaleBase
用法
<Tabs style={{height:250}}>
<TabPanel title="Tab1">
<p>Tab Panel1</p>
</TabPanel>
<TabPanel title="Tab2">
<p>Tab Panel2</p>
</TabPanel>
<TabPanel title="Tab3">
<p>Tab Panel3</p>
</TabPanel>
<TabPanel title="Help" closable iconCls="icon-help">
<p>This is the help content。</p>
</TabPanel>
</Tabs>
属性
名称 |
类型 |
描述 |
默认 |
border |
boolean |
定义是否为显示边框。 |
true |
justified |
boolean |
使制表符条与其父容器的宽度相等。 |
false |
narrow |
boolean |
为rue时,移除制表符条之间的空格。 |
false |
plain |
boolean |
为True时,用于在没有背景图片的情况下呈现选项卡条带。 |
false |
scrollable |
boolean |
为True时,启用选项卡标题上的可滚动特性。 |
false |
scrollIncrement |
number |
每次按下制表符滚动按钮时要滚动的像素。 |
100 |
headerWidth |
number |
选项卡标题宽度。 |
150 |
headerHeight |
number |
选项卡标题高度。 |
35 |
tabWidth |
number |
选项卡宽度。 |
null |
tabHeight |
number |
选项卡高度。 |
32 |
tabPosition |
string |
选项卡的位置,可选的值: 'top','bottom','left','right'。 |
top |
selectedIndex |
number |
已初始化的选中制表符索引。 |
0 |
事件
名称 |
参数 |
描述 |
onTabSelect |
panel |
选择选项卡面板时触发。 |
onTabUnselect |
panel |
在未选中选项卡面板时触发。 |
onTabClose |
panel |
当选项卡面板关闭时触发。 |
方法
名称 |
参数 |
返回值 |
描述 |
select |
index |
void |
选择选项卡面板。 |
unselect |
index |
void |
取消选择选项卡面板。 |
getPanel |
index |
TabPanel |
获得一个选项卡面板。 |
getPanelIndex |
tab |
number |
获取选项卡面板索引。 |
getSelectedPanel |
none |
TabPanel |
获取第一个选中的选项卡面板。 |
scrollBy |
distance |
void |
使用指定的距离滚动选项卡。 |