Ext4.2 tabpanel 选项卡标题显示不全（隐藏）调整高度解决

原创于 2020-05-15 08:20:48 发布 · 231 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Ext #tabpanel #标题 #显示

Ext 专栏收录该内容

26 篇文章

订阅专栏

本文详细介绍了如何通过调整TabBar高度和优化选项卡布局，解决UI设计中的常见问题，包括调整tabBar和title的高度，以及实现平滑的选项卡切换效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

标题上窜后隐藏了

调整高度解决

加入配置

tabBar: {
            height: 25,		//tab bar高度
            defaults: {
                height: 23	//tab 里的title的高度
            }
        },

tabpanel

//选项卡
var tabs1 = Ext.createWidget('tabpanel', { 
    renderTo: "tabPanel", 
    activeTab: 1,                       //指定默认的活动tab 
    width: 600, 
    height: 120, 
    plain: true,                        //True表示tab候选栏上没有背景图片（默认为false） 
    enableTabScroll: true,              //选项卡过多时，允许滚动 
    defaults: { autoScroll: true },
    tabBar: {
        height: 25,		//tab bar高度
        defaults: {
            height: 23	//tab 里的title的高度
        }
    },
    items: [{ 
        id: "indexTab", 
        title: '首页 ', 
        html: "欢迎使用本系统"//, 
        //items:[{xtype:'button',text:'按钮'}], 
        //closable: true                  //这个tab可以被关闭 
    }] 
});