extjs 3 - 卡片布局在 tabpanel 中不起作用

Posted 2023-02-26

【中文标题】extjs 3 - 卡片布局在 tabpanel 中不起作用

【英文标题】：extjs 3 - card layout doesn't work in tabpanel

【发布时间】：2011-08-03 04:02:53

【问题描述】：

我正在使用带有卡片布局的 tabpanel。当我第一次打开标签时，一切正常。但是当我关闭（隐藏）选项卡然后重新打开它时，我无法再在卡片之间导航

// Hide tab
tab.hide();
tabpanel.hideTabStripItem(tab);

// Reopen tab
tabpanel.unhideTabStripItem('mytab');
tabpanel.setActiveTab('mytab');

// Panel = objPanel

    xtype: 'panel',
    layout: 'card',
    layoutConfig: 
        deferredRender: true
    ,
    activeItem: 0,
    border: false,
    plain: true,
    items: [
        ...
    ]


// Switching between cards
objPanel.getLayout().setActiveItem(0);   // or 1

问题是 objPanel.getLayout() 在重新打开选项卡而不是对象后给出“卡片”（字符串）。

谁能为此提出任何解决方案？感谢您的帮助。

【问题讨论】：

你能分享你的代码吗？我的意思是你如何调用标签和隐藏标签？

我已经更新了我的问题。问候

【参考方案1】：

我不确定是什么导致了这个问题，但是当我将 dataview 更改为 gridpanel 时，一切正常。

以下是我的布局 - 当我无法重新打开标签时：

form panel
    displayfield
    panel with card layout
        dataview 1 - card 0
        dataview 2 - card 1

新布局 - 我可以在其中重新打开选项卡：

form panel
    displayfield
    panel with card layout
        grid - card 0
        dataview 2 - card 1