Extjs 4弹出窗口垂直滚动条不在Google Chrome中移动

时间:2012-11-02 13:21:20

标签: popup scroll extjs4 tabpanel

我在Extjs视口布局中有一个弹出窗口,在这个弹出窗口中我有一个标签面板。当tabpanel内容太大弹出窗口显示垂直滚动条但滚动条不在Google Chrome浏览器中移动时。它在Firefox中运行良好。

enter image description here

示例代码

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();

提前致谢

1 个答案:

答案 0 :(得分:0)

您需要升级到4.1x - 由于虚拟滚动而导致的这些问题已修复。