6
我有一個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,
collapsible: 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);
});
在此先感謝!
啊 - 這就是我想念的。謝謝! – jeffkolez 2009-07-17 19:08:37