最近在做一个项目时,项目中使用了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 编辑 ]