0

我在 Extjs 视口布局中有一个弹出窗口，在这个弹出窗口中我有一个选项卡面板。当标签面板内容太大时弹出窗口显示垂直滚动条但滚动条在谷歌浏览器中没有移动。它在 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();

提前致谢

4

1 回答 1

0

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

于 2012-11-02T20:37:51.833 回答