单击切换面板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}

幸运的是，重复的标题消失了。就像我说的，我真的不知道为什么具体但这对我有用。试一试。