浏览 3118 次
|
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
|
|
|---|---|
| 作者 | 正文 |
|
发表时间：2010-04-28
最后修改：2010-04-28
近期项目需要标签在右侧并且标签文字要横过来的TabPanel。
afterRender: function(){
Ext.ux.TabPanel.superclass.afterRender.call(this);
if (this.tabAbout){
var st = this[this.stripTarget];
if(Ext.isIE){
st.dom.style.filter = 'progid:DXImageTransform.Microsoft.BasicImage(rotation=1)';
}
else{
st.applyStyles('-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);');
}
st.applyStyles('overflow-x:hidden;overflow-y:visible;');
var el = Ext.fly(this.strip.id).dom.parentNode;
el.style.overflow = 'visible';
el = el.parentNode;
el.style.overflow = 'visible';
el = el.parentNode;
el.style.overflow = 'visible';
this.setHeight(this.height || this.container.getHeight());
if (this.tabAbout == 'right'){
this.bwrap.applyStyles('position:absolute;top:0px;left:0px;');
}
else if (this.tabAbout == 'left'){
this.bwrap.applyStyles('position:absolute;top:0px;left:25px;');
el = Ext.fly(this.strip.id).dom.parentNode;
el.style.position = 'relative';
el.style.top = (this.width || this.container.getWidth() - 25) + 'px';
}
}
}
上图
附件解压到ext\examples\ux-TabPanel中
声明：ITeye文章版权属于作者，受法律保护。没有作者书面许可不得转载。
推荐链接
|
| 返回顶楼 | |
|
发表时间：2010-04-28
附件放到ext\examples\下
|
| 返回顶楼 | |
|
发表时间：2010-05-12
文字显示要是正的就好了
|
| 返回顶楼 | |
|
发表时间：2010-05-14
joehe 写道 文字显示要是正的就好了 呵呵 客户就是要翻转过来的效果 |
| 返回顶楼 | |
|
发表时间：2010-05-16
兄弟,能把你这个再改造一下吗?
1:左边的 tabPosition: 'left', 让缺口从内向外; 2:文字垂直居中排列; 如能做到,这个改造就很完美了!! |
| 返回顶楼 | |
|
发表时间：2010-05-19
fcylf 写道 兄弟,能把你这个再改造一下吗?
1:左边的 tabPosition: 'left', 让缺口从内向外; 2:文字垂直居中排列; 如能做到,这个改造就很完美了!! 最近项目比较紧,有时间我会完善一下的 多谢你的建议 |
| 返回顶楼 | |
