我在Extjs视口布局中有一个弹出窗口,在这个弹出窗口中我有一个标签面板。当tabpanel内容太大弹出窗口显示垂直滚动条但滚动条不在Google Chrome浏览器中移动时。它在Firefox中运行良好。
示例代码
var first_tab_form = Ext.create('Ext.form.Panel', {
autoHeight: true,
frame: false,
fileUpload: true,
fieldDefaults: {
labelWidth: 130,
labelSeparator: ' ',
labelAlign: 'right',
cls: 'textlineht ff_styles'
},
items: [{
fieldLabel: 'Field1',
xtype: 'textfield',
allowBlank: false,
anchor: '60%'
}, {
fieldLabel: 'Field2 ',
xtype: 'htmleditor',
anchor: '90%'
}, {
fieldLabel: 'Field3',
xtype: 'htmleditor',
anchor: '90%'
}]
});
var MyTabs = Ext.createWidget('tabpanel', {
activeTab: 0,
width: 780,
height: 520,
//autoHeight: true,
//minHeight: 600,
plain: true,
defaults: {
autoScroll: true,
width: 780,
height: 520,
},
items: [{
title: 'My First Tab',
//layout: 'fit',
bodyPadding: 5,
items: first_tab_form
}, {
title: 'My second tab',
//layout: 'fit',
bodyPadding: 5,
items: second_tab_form
}]
});
var MyWindow = Ext.create('Ext.window.Window', {
height: 560,
y: 10,
width: 800,
//autoScroll: true,
//closeAction: 'hide',
frame: false,
border: false,
modal: true,
bodyPadding: 10,
plain: true,
//layout: 'fit',
maximizable: true,
items: MyTabs
}).show();
提前致谢
答案 0 :(得分:0)
您需要升级到4.1x - 由于虚拟滚动而导致的这些问题已修复。