itemexpand and itemcollapse events not firing in tree panel with a locked tree column

[Arho]

REQUIRED INFORMATION


Ext version tested:

• Ext 4.1.3

Browser versions tested against:

• Chrome 24 (Windows)

Description:

• When using a locked tree column in a tree panel itemexpand and itemcollapse events are not firing

Steps to reproduce the problem:

• Setup a tree panel with a locked tree column
• Setup listeners for itemexpand and itemcollapse

The result that was expected:

• itemexpand and itemcollapse events fire when expanding/collapsing tree nodes

The result that occurs instead:

• itemexpand and itemcollapse events do not fire when expanding/collapsing tree nodes

Test Case:

Ext.tree.Panel.borrow(Ext.grid.Panel, ['bothCfgCopy', 'normalCfgCopy', 'lockedCfgCopy' ]);


Ext.onReady(function() {
    var store = Ext.create('Ext.data.TreeStore', {
        fields: [
            {name: 'task', type: 'string'},
            {name: 'user', type: 'string'}
        ],
        root : {
            "text":".",
            "children": [{
                task:'Project: A',
                user:'Mike',
                children:[{
                    task:'Task 1',
                    user:'Mike',
                    leaf:true
                }]
            }]
        }
    });


    var tree = Ext.create('Ext.tree.Panel', {
        title: 'Core Team Projects',
        width: 500,
        height: 300,
        renderTo: Ext.getBody(),
        rootVisible: false,
        store: store,
        columns: [{
            xtype: 'treecolumn',
            text: 'Task',
            dataIndex: 'task',
            locked: true
        },
        {
            text: 'Assigned To',
            dataIndex: 'user',
        }],
        listeners: {
            itemexpand: function() { console.log('itemexpand'); },
            itemcollapse: function() { console.log('itemcollapse'); },
        }
    });
});

HELPFUL INFORMATION


Debugging already done:

• none

Possible fix:

• a workaround for this is to set listeners for lockedGrid instead
• tree.lockedGrid.on('itemexpand', function() { console.log('itemexpand'); } )

Additional CSS used:

• only default ext-all.css

Operating System:

• Windows 7 Pro

[mitchellsimoens]

In 4.2.0 tree not supports locking columns whereas before we never supported it. Have you tried in 4.2.0 beta2

[Arho]

reproducible in 4.2.0 beta 20130124