extjs treepanel expand collapse event

Question

I have a treepanel with nodes inside the treepanel. To identify whether the treepanel and not the nodes that are expanded or collapsed I use the following code:

Ext.getCmp('general').collapsed

The return value is either true or false. Is there an event in treepanel that I can capture when the treepanel is expanded or collapsed? I mean the treepanel and not the nodes in the panel.

Your help is kindly appreciated.

Thank You.

Solution 1

You must do something wrong here, the following code works, see this JSFiddle

Ext.create('Ext.tree.Panel', {
    collapsible: true,
    title: 'Simple Tree',
    width: 200,
    height: 150,
    store: store,
    rootVisible: false,
    renderTo: Ext.getBody(),
    listeners: {
        collapse: function() {
            alert('collapsed');
        },
        expand: function() {
            alert('expand')
        }
    }
});

Solution 2

'expand' and 'collapse' don't work for me neither. Instead, 'itemcollapse', 'itemexpand', 'itemmove' and their peers do work for me. I'm with Ext-JS 4.2.1.

Comments

[Eugene Anthony]

I tried adding the collapse and expand event in my listener and it still doesn't work.

[Johan Haest]

Then you'll need to share some more code, because this works for me and should work for you. Where and how do you declare the listeners?

[Eugene Anthony]

id: 'accountTreePnl', name: 'accountTreePnl', height: 250, xtype : "treepanel", rootVisible: false, border: false, animate : false, autoScroll : true, containerScroll : true, root: new Ext.tree.AsyncTreeNode({ text: 'Account(s)' }), loader: new Ext.tree.TreeLoader({ dataUrl: '' }), dropConfig : { appendOnly : true }, listeners: { collapse: function() { }, expand: function() { } }

[sra]

@EugeneAnthony based on that example your tree isn't collapsible at all. So I guess you are collapsing a container into which you have nested the tree?

[Eugene Anthony]

The tree panel is inside a panel that uses the fit layout.

[sra]

@EugeneAnthony Again; based on that example your tree isn't collapsible at all! It seems that you are collapsing the panel with the fit layout. In that case now event on treepanel get fired

[Eugene Anthony]

Done. Perhaps this question might interest you. stackoverflow.com/questions/14993104/…

[Dharmesh Hadiyal]

You used the wrong event. You need to use afteritemexpand event. afteritemexpand: function ( node, index, item, eOpts ){ alert('Dharmesh'); } Here's a fiddle: jsfiddle.net/johanhaest/RDC9W/1