PDA

View Full Version : Issue with Ext.tree.TreePanel's getView() and IE.



prasanth_kodali
19 Jul 2013, 4:55 AM
I have a tree-panel configured as below:

Ext.define('MyClass', {

extend: 'Ext.tree.Panel',

rootVisible: false,

store: 'MyStore', //extends TreeStore

initComponent: function() {

this.columns = [{

xtype: 'actioncolumn',

text: ' ',

width: 25,

items: [{

iconCls: 'my-icon-cls',

handler: function(view, rowidx, colidx, item, evt, record) {

if (record.isExpanded()) {

record.collapse();

} else {

record.expand();

}

}

},

{

text: 'Name',

dataIndex: 'name',

flex: 1,

minWidth: 100

},

...

...

}], //columns definition ends

...

...

}, // initConponent ends

viewConfig: {

getRowClass: function(record, rowIdx, params, store) {

if (record.isExpanded()) {

return 'row-expanded-cls';

} else {

return '';

}

}

}

...

...
}); // class definition ends

This works as expected in Chrome and Firefox. But in Internet Explorer, the class (row-expanded-cls) for the rows does not change when it is expanded by clicking on the action-column.

Is any additional configuration required for it to work in Internet Explorer also?

P.S., I tested this functionality in IE 10.


Thanks,

slemmon
24 Jul 2013, 1:39 PM
Are you seeing the issue on 4.2.1? Or an older version of the framework?

prasanth_kodali
25 Jul 2013, 8:04 AM
I just found out that I had a stale copy of ext version 4.2.0 cached which is getting packaged instead of v4.2.1.

The issue I reported is occurring with 4.2.0 and not in 4.2.1.

Thank You for helping me resolve this problem, Slemmon.