位置: 编程技术 - 正文
ExtJS扩展 垂直tabLayout实现代码
编辑：rootadmin但ExtJS中的TabPanel只能水平显示，搜索了一下Ext论坛，发现有垂直TabLayout的扩展，但垂直tab的页签内容是水平显示的，且页签多了之后也不能通过设置enableScroll属性使其能滚动，为了适应项目的需求，本人对TabLayout进行了扩展，使其支持垂直页签显示，支持页签很多时的滚动。效果如下： 该组件有两种使用方式，一是扩展方式，二是复写方式。其中第一种方式需要引入附件中的TabPanel.js以及ext-patch.css，同时需要将两个图片放在ext-patch.css同目录下，在创建组件时需要创建Ext.ux.TabPanel； 例：第二种方式需要引入附件中的TabPanel2.js以及ext-patch.css，同时需要将两个图片放在ext-patch.css同目录下，在创建组件时需要创建Ext.TabPanel。 例：两种使用方式展现效果相同，tabPosition属性同时支持top/right/bottom/left。 附件文件说明： TabPanel.js 扩展Ext.TabPanel TabPanel2.js 复写Ext.TabPanel中的相关方法 ext-patch.css 本文组件所使用的css *.gif 为设置了enableScroll属性时需要的两个滚动按钮图片 打包下载 
本文链接地址:https://www.jiuchutong.com/biancheng/370201.html
转载请保留说明！
推荐整理分享ExtJS扩展 垂直tabLayout实现代码，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:,内容如对您有帮助，希望把文章链接给更多的朋友！
ExtJS GTGrid 简单用户管理 部分源码:%@pagelanguage="java"pageEncoding="GBK"%%@tagliburi="
extjs 列表框(multiselect)的动态添加列表项的方法 因为它这个是创建时自动加载的ArrayStore(关键字是:data:ds),没有动态增加的示例,但我们的项目需要有三个列表框,并且后两个的内容要根据第一个列表框
Extjs ajax同步请求时post方式参数发送方式 ajax同步请求一般下面这样：varconn=Ext.lib.Ajax.getConnectionObject().conn;conn.open("POST",'
上一篇：关于viewport,Ext.panel和Ext.form.panel的关系(关于植物的现代诗)
下一篇：ExtJS GTGrid 简单用户管理(ext.grid.gridpanel)
