javascript – 在ViewPort中ExtJS TabPanel缺少滚动条

前端之家收集整理的这篇文章主要介绍了javascript – 在ViewPort中ExtJS TabPanel缺少滚动条前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个ViewPort,我想打开一些标签.我的一个标签很长,应该从页面底部开始.但是,侧面缺少滚动条.

这是我的视口设置:

var viewport = new Ext.Viewport({
    layout:'border',enableTabScroll:true,deferredRender:true,items:[
        new Ext.BoxComponent({ // raw
            region:'north',el: 'north',height:32
        }),{
            region:'west',id:'west-panel',title:'West',split:true,width: 200,minSize: 175,maxSize: 400,collapsible: false,margins:'0 0 0 5',layout:'accordion',deferredRender: true,layoutConfig:{
                animate:true
            },items: [{
                contentEl: 'west',title:'Navigation',border:false,iconCls:'nav'
            }]
        },new Ext.TabPanel({
            region:'center',id:'center',activeTab:0,items:[{
                contentEl:'center1',title: 'Close Me',closable:true,layout:'fit',autoScroll:true
            }]
        })
     ]
});

这是我的添加标签代码

Ext.get("addplace").on('click',function() {
    centerTabs = Ext.getCmp('center');
    tab = centerTabs.add(new Ext.TabPanel({
        iconCls: 'tabs',id: 'add_place_tab',autoLoad: {url: '/admin/addplace',scripts : true,},title: 'Add Place',loadMask: false,closable:true
    }));
    centerTabs.setActiveTab(tab);
});

提前致谢!

解决方法

在顶部代码中,尝试将autoScroll属性设置为true:
new Ext.TabPanel({
    region:'center',defaults:{ autoScroll:true },// here
    items:[{
        contentEl:'center1',autoScroll:true
    }]
})

这样,稍后添加的所有选项卡都会将autoScroll自动设置为true.

猜你在找的JavaScript相关文章