extjs - 单击切换面板 extjs4 时重复的标题

Question

我对可折叠面板有疑问。我在顶部有一个带有切换图标的工具栏，但是如果我单击面板的标题，它会展开并且标题被复制。现在，如果我单击切换按钮以折叠它，则只会折叠重复的标题。这是我的代码：

Ext.define('Pollini.ricercaTarghe', {
    extend: 'Ext.panel.Panel',

    title: '<center>Ricerca per targa</center>',
    collapsed: true,
    region: 'north',
    id: 'ricercaTarghe',
    height: 255,
    layout: 'border',

    initComponent: function(){
        var me = this;

        Ext.applyIf(me, {
            items: [ searchTarga, risTarghe ],
            tools: [
                {
                    type: 'toggle',
                    handler: function(){
                        me.toggleCollapse(true);
                    }
                }
            ],
            listeners: {
                expand: function(){
                    /* some stuff */
                }
            }

        });
        me.callParent(arguments);
    }
});

这是一张图片

Answer 1

我试过这个。我真的不知道为什么，但它发生在渲染面板时，然后折叠面板。我所做的是给计时器 1 秒或几毫秒，然后调用 toggleCollapse()。

像这样的东西：

members.toggleCollapse(); // this will collapse the panel

// The timeout will then expand with the given time
setTimeout(function(){
    accessPanel.toggleCollapse();
    members.toggleCollapse();
}, 800}

幸运的是，重复的标题消失了。就像我说的那样，我真的不知道具体原因，但这对我有用。试一下。