打印

[组件分享] 贡献一个垂直的tabLayout

贡献一个垂直的tabLayout

最近在做一个项目时,项目中使用了ExtJS,有些内容要分页签显示,而出于项目要求,页签只能垂直分布,但ExtJS中的TabPanel只能水平显示,搜索了一下Ext论坛,发现有垂直TabLayout的扩展,但垂直tab的页签内容是水平显示的,且页签多了之后也不能通过设置enableScroll属性使其能滚动,为了适应项目的需求,本人对TabLayout进行了扩展,使其支持垂直页签显示,支持页签很多时的滚动。效果如下:

使用方法:在需要使用垂直页签的地方引入附件压缩包中的ExtPanel2.js和ext-patch.css,并将压缩包中的图片放在ext-patch.css同一目录下,然后使用AOM的tabLayout组件,只需将tabPosition属性设置为left或者right即可该组件兼容tabPosition为top和bottom的情况,同时修复了Ext中TabPanel的tabPosition为bottom时不支持enableTabScroll属性为true的bug。

关于本组件更多说明,请参考:http://icyfire.javaeye.com/blog/412574

[ 本帖最后由 icyfire 于 2009-6-21 22:33 编辑 ]

附件

tabPanel.zip (6.35 KB)

2009-6-21 22:30, 下载次数: 269

TOP

为楼主鼓掌,很漂亮的效果

TOP

强烈支持火神临凡。。。。

TOP

我尝试使用,报出不少的错误,请问楼住,html怎么定义的(滚动条也失效了)

TOP

不错,

不错,真的很不错

TOP