Question

我有一个标签，让我称之为标签A.用户在此标签中看到了一些内容，可能会根据需要滚动到任意位置。对于某些业务，他们右键单击选项卡A页面中的按钮并创建一个新选项卡，让我将其称为选项卡B.然后，一旦它们返回到选项卡A，滚动位置已重置，滚动位置在顶部。

Ext.define('AppView', {
    extend: 'Ext.Component',
    maxHeight: 300,
});

var createTab = function (tabName, panelName){
    return {xtype: 'container',
        title: tabName,
        autoScroll: true,
        layout: {
            type: 'vbox',
            align: 'stretch'
        },
        items: [
            {
                title: panelName,
                items: [Ext.create( 'AppView' )]
            }
        ]
    };
};

var tabPanel = new Ext.tab.Panel({
    renderTo: 'testDiv',
    flex: 1,
    border: false,
    itemId: 'tabPanel',
    items: [createTab('First Tab', 'First Panel'),
        createTab('Second Tab', 'Second Panel')]
});

Answer 1

当关闭选项卡时，默认情况下会将其销毁，并在激活时再次重新创建。

要停用此行为，请按the documentation。

中的说明设置autoDestroy: false

我希望这足以保持骂人的地位。您的代码如下：

var createTab = function (tabName, panelName){
    return {xtype: 'container',
        title: tabName,
        autoDestroy: false,
        autoScroll: true,

Extjs 4.2.1：在标签之间切换时丢失了滚动位置

1 个答案: