EXTJS tabpanel配置
2014-02-21 19:27
357 查看
/* Ext.TabPanel主要配置项目表: activeTab String/Number 设置默认激活的tab页的id或索引 animScroll Boolean 设置是否在tab页滚动时用动画效果 autoTabSelector String 在dom中自动找div的样式选择器(默认'div.x-tab',在autoTabs=true时生效) autoTabs Boolean 设置是否在dom中查找样式类为'x-tab'的div,并转换为tab页(默认false) enableTabScroll Boolean 是否在tab标签总宽度超出可用宽度时自动出现滚动按钮(默认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 鼠标左键连续按下,执行滚动操作的时间间隔 tabMargin Number 以像素为单位计算的空白空间 tabPosition String tab标签在面板上的位置(默认top,bottom) tabWidth Number tab标签的初始宽度(默认120) */
tabPanel active 样式
<!--在.jsp页面的ext-all.css定义后,添加--> .x-tab-strip-top .x-tab-strip-active .x-tab-right { background-position: 0 0; background-image: url(<%=request.getContextPath()%>/images/tabs-sprite.jpg); } .x-tab-strip-top .x-tab-strip-active .x-tab-left { background-position: right -300px; background-image: url(<%=request.getContextPath()%>/images/tabs-sprite.jpg); } .x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner { background-position: 0 -150px; background-image: url(<%=request.getContextPath()%>/images/tabs-sprite.jpg); }
相关文章推荐
- ExtJs 学习笔记 Ext.Panle Ext.TabPanel Ext.Viewport第1/3页
- ExtJs TabPanel右键功能插件
- 关于extjs中动态添加TabPanel的tab项并以iframe显示的整理
- 【原创】EXTJS,实现的两个tabpanel,每个panel有个可以伸缩的accordion,顺带实现开关小VIEWPORT。系统马上联调了,做个主页先……
- ExtJs学习笔记(8)_TabPanel的用法
- Extjs学习笔记-1.TreePanel+TabPanel简单的树形菜单
- Extjs 4 tabpanel动态加载reconfigure的grid
- ExtJs的.NET控件----TabContainer和TabPanel
- 关于extjs中的tabpanel的刷新等若干问题,解决tabpanel内页面刷新,更新数据等问题。
- ExtJs学习笔记基础篇(3)-面板的使用(Ext.Panle、Ext.TabPanel、Ext.Viewport)
- [EXTJs]TabPanel动态生成,加载组件时,组件不能正常显示的解决办法
- jQuery模仿ExtJS之TabPanel
- EXTJS中如何获得TabPanel的各个tab的点击事件
- ExtJS:关闭TabPanel内的Panel时使用TabPanel的'beforeremove’和其内的Panel的'beforeclose’事件弹出关闭确认提示对话框 (修正!!)
- Extjs3.4--TabpanelDemo
- ExtJs 学习笔记 Ext.Panle Ext.TabPanel Ext.Viewport(转)
- ExtJs treepanel和TabPanel配合使用
- ExtJS 5.1 - tabpanel setActiveTab: Uncaught TypeError: c.isFocusable is not a function
- Extjs Tabpanel的使用
- 关于extjs中动态添加TabPanel的tab项并以iframe显示的整理