extjs tabPanel的使用

Ext.TabPanel主要配置项目表 配置项 参数类型 说明

activeTab

String/Number

设置默认激活的tab页，参数为tab页的id或索引值。

animScroll

Boolean

设置是否在tab页滚动的时候起用动画效果，true则使用，默认为true。该项只在enableTabScroll = true时生效。

autoTabSelector

String

用于在dom中自动查找div的样式选择器，只在autoTabs = true时生效，默认值是'div.x-tab'

autoTabs

Boolean

设置是否在dom中查找样式类为'x-tab'的div，并将其转换为tab页，true则进行查找，默认为false。

enableTabScroll

Boolean

设置是否在tab标签总宽度超出可用宽度时自动出现滚动按钮，true则出现。默认值为false。

layoutOnTabChange

Boolean

设置是否在tab页切换时重新对tab页元素进行布局。

minTabWidth

Number

tab标签的最小宽度，默认为30，只在resizeTabs=true时生效。

resizeTabs

Boolean

设置是否允许tab标签自动调整宽度。

scrollDuration

Float

设置每次滚动tab页执行动画的时间，单位是毫秒，默认值是.35。该项只在animScroll = true时生效。

scrollIncrement

Number

设置每次滚动tab标签的长度，单位是像素，默认值是100。

该项只在enableTabScroll = true时生效。

scrollRepeatInterval

Number

设置当tab页滚动按钮被持续按下时（即鼠标左键连续按下，而不是点击），执行滚动操作的时间间隔。单位是毫秒。

tabMargin

Number

以像素为单位计算的空白空间，计算tab标签大小和滚动尺寸。

tabPosition

String

tab标签在面板上的位置，包括'top'和'bottom'，默认值是'top'

tabWidth

Number

设置tab页的初始宽度，默认为120像素。该项只在resizeTabs=true时生效。

example：

/// <reference path="../vswd-ext_2.0.2.js" />

Ext.onReady(

function (){

var tabPanel=new Ext.TabPanel (

{

title:'TabPanel',

width:998,

height:500,

activeTab:0,//默认激活第一个Tab页

animScroll:true,

enableTabScroll:true,

applyTo:'panel',

scrollRepeatInterval:500,

items:[

{title:'单位人员信息表',html:'sdfdsfd'},

{title:'科研管理员信息',html:'sdf的非师范dsfd'},

{title:'申报书填写',html:'sdfdsfd'},

{title:'上传附件',html:'sdfdsfd'}

]

}

)

}

)