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'}

]


}

)
}
)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值