1

アコーディオンのセットを持つパネルを使用しています。最初の子、2番目の子、3番目の子と言います。

パネルが最初の子をインスタンス化したときに見つけました

自動展開します。しかし、最初の子を削除すると、アコーディオン レイアウト パネルは子を自動展開できません。

私の下手な英語と不明瞭な表現で申し訳ありません、誰か助けて理解してもらえますか

var firstChild ={
        id:'first',
        title: 'first child',
        html: 'first child'
    };


var acc=    Ext.create('Ext.panel.Panel', {
    title: 'Accordion layout',
    width: 300,
    height: 300,
    layout:'accordion',
    defaults: {
        bodyStyle: 'padding:15px'
    },
    layoutConfig: {
        titleCollapse: false,
        animate: false,
        activeOnTop: true,
        collapseFirst:true
    },
    items: [
        firstChild,
        {
        title: 'second child',
        html: 'second child'
    },{
        title: 'third child',
        html: 'third child'
    }],
    renderTo: 'demo'
});


acc.remove(Ext.getCmp("first"));

最初の子を削除した後、子を自動展開できません

新規ユーザーは画像を投稿できません。アドレスは次のとおりです

http://i.stack.imgur.com/im848.jpg http://i.stack.imgur.com/E1ze7.jpg

4

2 に答える 2

0

これは報告されたバグだと思います：

http://www.sencha.com/forum/showthread.php?247396-4.1.3-Accordion-Layout-not-working-when-dynamically-adding-items

于 2013-02-22T09:56:02.110 に答える
0

展開するように指示できます：

Ext.onReady(function() {

    var acc = Ext.create('Ext.panel.Panel', {
        title: 'Accordion layout',
        width: 300,
        height: 300,
        layout: 'accordion',
        defaults: {
            bodyStyle: 'padding:15px'
        },
        layoutConfig: {
            titleCollapse: false,
            animate: false,
            activeOnTop: true,
            collapseFirst: true
        },
        items: [{
            id: 'first',
            title: 'first child',
            html: 'first child'
        }, {
            title: 'second child',
            html: 'second child'
        }, {
            title: 'third child',
            html: 'third child'
        }],
        renderTo: document.body
    });

    acc.remove('first');
    acc.items.first().expand();

});
于 2012-11-09T03:37:55.870 に答える