0

折りたたみ式パネルに問題があります。上部にトグル アイコンのあるツールバーがありますが、パネルのヘッ​​ダーをクリックすると展開され、ヘッダーが複製されます。トグルボタンをクリックして折りたたむと、複製されたヘッダーのみが折りたたまれます。これが私のコードです：

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);
    }
});

ここに画像があります トグル パネル エラー

4

1 に答える 1

0

私はこれを試しました。理由は本当にわかりませんが、パネルを折りたたんだ後にパネルをレンダリングすると発生します。私がしたことは、タイマーに 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}

幸いなことに、重複したヘッダーはなくなりました。私が言ったように、具体的な理由は本当にわかりませんが、これは私にとってはうまくいきました。試してみる。

于 2013-05-21T11:49:59.930 に答える