extjs treepanel expand collapse event

extjs treepanel
Eugene Anthony picture Eugene Anthony · Feb 20, 2013 · Viewed 10.4k times · Source

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.

Answer

sra picture sra · Feb 20, 2013

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

Related questions

How do I find the selected node in an ExtJS TreePanel?

I'm trying to retrieve the selected node, if any, of a TreePanel when the user clicks a button. How do you retrieve the select node in a TreePanel? Thanks.

Read More
How to add a child to a node in a TreePanel?

In a tree structure like this var rootNode = { id: 'root', text : 'Root Node', expanded : true, children : [ { id : 'c1', text : 'Child 1', leaf : true }, { id : 'c2', text : 'Child 2', leaf : true }, { id : 'c3', text : 'Child 3', children : [ { id : …

Read More
Extjs 4 - creating a model for a tree panel

I would like to implement a tree panel with content loaded dynamically from the server (as Json) and with a custom data model. But I dont know how to define a model and a data store for that tree. Can …

Read More