ExtJS扩展:垂直页签tabPanel
最近在做一个项目时,项目中使用了ExtJS,有些内容要分页签显示,而出于项目要求,页签只能垂直分布,但ExtJS中的TabPanel只能水平显示,搜索了一下Ext论坛,发现有垂直TabPanel的扩展,但垂直tab的页签内容是水平显示的,且页签多了之后也不能通过设置enableScroll属性使其能滚动,为了适应项目的需求,本人对TabPanel进行了扩展,使其支持垂直页签显示,支持页签很多时的滚动。效果如下:
该组件有两种使用方式,一是扩展方式,二是复写方式。其中第一种方式需要引入附件中的TabPanel.js以及ext-patch.css,同时需要将两个图片放在ext-patch.css同目录下,在创建组件时需要创建Ext.ux.TabPanel;
例:
adjustBodyWidth : function(w){ if (this.verticalTabs) { if (Ext.isIE6 || Ext.isIE7) { this.bwrap.setWidth(w - 3); } return w; } return Ext.ux.TabPanel.superclass.adjustBodyWidth.call(this, w); },3 楼 benbenbaozai 2011-08-25 大哥,你那两个图片怎么出不来啊??? 4 楼 Icyfire 2011-10-13 benbenbaozai 写道大哥,你那两个图片怎么出不来啊???